Shuffle Queue dotted Loader

3 different Preloaders - Pure css

Fairly new to greensock and animation in general, just a little pen to test out the basics of making a loading animation.

Infinite loader UX exploration. Made with pure CSS.

QueueBox Loader

Firefox won't animate background-position here and that breaks the demo.

The code is a mess, no doubt, but it's about the outer values.

Newton loading style using css

free UI elements and widgets coded with HTML5, CSS3, and Sass.

A simple form with floating labels and an animated progress bar.

CSS only progress bar in 5 steps. JS is only used for animating the demo.

Circular Progress Bar

Simple form progress bar

animated progress-bar with boostrap tooltip on it.

Progress bar with changeable skins showing page load percentage

This progress bar uses the HTML5 custom data-* attribute to allow for quick updating to a progress bar animated by Zepto (or jQuery). The animation is wrapped in a window.resize function to reanimate if the browser size is changed.

Post reading progress (Plain JS)

Card design, feed animation, hidden navigation, sliding card to show menu. Menu icon micro-interaction + hover effect using amazing hover.css library Just a touch of jquery to fire event on click

Pure CSS Buttons.Some CSS3 Buttons. I was curious to see exactly what you could do with just CSS well SCSS. Any ideas on how to simplify it

Sexy button loading animation on cliking the button. Developed using HTML, CSS, Javascript and font awesome. Demo and download the code(*.zip)