15 Best Creative JavaScript

JavaScript is an amazing interpreted programming language as it interprets or does something when client interacts with the browser or application. It went on to become one of the very popular languages ever made alongside other giant languages. Here you can see the real potential or say some of its strengths to do add great interaction on the client side at the front end.

Even though 3D rendered objects will slow down the system with minimal specifications it is still amazing to look at. User is also given the complete control whether to use JavaScript or not through their browsers. Take a look at these below scripts designed by individual talented developers and shared at codepen.io website.

Let me know if you liked this topic on JavaScript examples and do share your work with us.

Draggable “Toss” Demo

Drag and throw elements and watch them continue naturally with momentum, respect bounds and optionally snap to a grid. This is the demo seen at

Source

Random Maze Generator

Generating a maze with a simple algorithm
1. Find available directions 2. pick one at random 3. if no available directions, backtrack to last position loop step 1 to 3 until back at start location

Source

Linking Particles

A beautiful set of ball linking with each other on near contact.

Source

three.js practice

Source

A Pen by White Wolf Wizard

Source

Tearable Cloth

Javascript cloth simulation.

Source

Space Puppy

An example of Famo.us exporting to WebGL. Expose sliders by pressing (+) and explore the power and performance of WebGL with the flexibility of the Famo.us rendering engine. Fork it and make it your own.

Source

Hello World

A beautiful floating hello world notice.

Source

Futuristic Neon Saving Thing

Could be used when doing ajax-saves on any kind of website with a futuristic feel  —- Single Element, CSS Animations, jQuery Events.

Source

30,000 Particles

A study creating performant particles with Canvas 2D.

Source

Metro UI animations

Dont forget to check out the :active

Source

Vertical JS Loader

Source

Simple JS Animation

Just threw this together. Thought about using it for a search bar or even a progress bar, but decided to leave it as this.

Source

Mobile Sub Menu Concept

Different menu effect for mobile.

Source

CSS 3D Solar System

Source

CSS3 Card Deck Drop Down

This is a UI concept i have seen before but i felt there was a few things that could be done different. Ao here is my version of a Card Deck style dropdown, using CSS3 transitions and jQuery.

Source

Responsive CSS3, JS Side Navigation Menu

Media Queries Transitions (resize the window slowly to see the transitions), nav items slide out on hover when it collapses on smaller screens.

Source