Hand picked CSS spinner, loader and preloader with css3 Animation. Developed using HTML, CSS, javascript and jQuery. Demo and Download the zip (*.zip)
Gooey preloader
See the Pen Gooey preloader by Mikael Ainalem (@ainalem) on CodePen.
Features: HTML, CSS, Beautiful Animation, loader, svg
Developed By: Mikael Ainalem
Linkedin new preloader
See the Pen New linkedin loader by Vincenzo Bifano (@enbifa) on CodePen.
A beautiful loader like new linkedin loader.
Features: HTML, CSS, Awesome Animation, preloader, svg, linkedin, jQuery
Developed By: Vincenzo Bifano
Heart love symbol pre-loader
See the Pen heart love loader by Ahmad Emran (@ahmadbassamemran) on CodePen.
Sexy Animated beautiful love symbol pre loader.
Features: HTML, CSS, Animation, loader, svg
Developed By: Ahmad Emran
Colorful Preloader Wheel
See the Pen Color Wheel Preloader by Jacky Efendi (@jackyef) on CodePen.
SCSS to make a loading spinner. Get a compiled css in download.
Features: HTML, scss, Animation, beautiful, colorful, spinner
Developed By: Jacky Efendi
Matrix css pre loading
See the Pen Preloaders by Dom (@ahdigital) on CodePen.
Beautiful css matrix pre loader
Features: HTML, CSS, Animation, beautiful, Matrix, loading
Developed By: Dom
CSS Crazy Fingers – Preloader
See the Pen CSS Crazy Fingers – Preloader by Animated Creativity (@animatedcreativity) on CodePen.
Crazy fingers free preloader using css transition animation
Features: HTML, CSS, Animation, Awesome, loader
Developed By: Animated Creativity
CSS Animated Pie Preloader
See the Pen CSS Animated Pie Preloader by Animated Creativity (@animatedcreativity) on CodePen.
A beautiful 3D Pie Preloader made in pure CSS.
Features: HTML, SCSS, Animation, Awesome, loader, 3d, pie
Developed By: Animated Creativity
Tornado – The Preloader
See the Pen Tornado – The Preloader by Animated Creativity (@animatedcreativity) on CodePen.
I am crazy sometimes.
Features: HTML, SCSS, Animation, loader, 3d, Tornado
Developed By: Animated Creativity
Pure CSS Rotating Flowers Preloader
See the Pen Rotating Flowers Preloader – SCSS by Animated Creativity (@animatedcreativity) on CodePen.
A beautiful Preloader with rotating flowers. Pure CSS. A fork of my Rotating excellent Circles Preloader.
Features: HTML, SCSS, Animation, preloader, 2d
Developed By: Animated Creativity
Animated MirrorPreloader
See the Pen Animated MirrorPreloader – SCSS by Animated Creativity (@animatedcreativity) on CodePen.
Awesome Mirror Preloader. 😀 Pure CSS. Colors and other settings can be changed easily.
Features: HTML, SCSS, Animation, Mirror preloader
Developed By: Animated Creativity
Rotating Circles Preloader
See the Pen Rotating Circles Preloader – SCSS by Animated Creativity (@animatedcreativity) on CodePen.
A beautiful Preloader with rotating circles. Pure CSS.
Features: HTML, SCSS, Animation, rotating, circle, preloader
Developed By: Animated Creativity
Animated Circles Preloader in Sphere
See the Pen Animated Circles Preloader in Sphere – SCSS by Animated Creativity (@animatedcreativity) on CodePen.
A beautiful Circles Preloader in Sphere, made in CSS. Its a fork of the Stripes Preloader. You can change colors, count, size and time easily. Please check SCSS options on top.
Features: HTML, SCSS, Animated, rotating, circles, preloader, CSS
Developed By: Animated Creativity
Animated Circle Stripes Preloader
See the Pen Animated Circle Stripes Preloader – SCSS by Animated Creativity (@animatedcreativity) on CodePen.
A beautiful Circle Stripes Preloader made in CSS. You can change colors, stripes count, size and time easily. Please check SCSS options on top.
Features: HTML, SCSS, Animated, Stripes, circles, preloader, CSS
Developed By: Animated Creativity
Animated Flip Preloader
See the Pen Animated FlipPreloader – SCSS by Animated Creativity (@animatedcreativity) on CodePen.
An awesome Flip Preloader made in CSS. Colors are fully logical on flip. Any colors can be set easily.
Features: HTML, SCSS, Animated, Flip, preloader, CSS
Developed By: Animated Creativity
Gooey Loader with blur & contrast
See the Pen Gooey Loader v2 (blur + contrast) by Andreas Storm (@andreasstorm) on CodePen.
An awesome Flip Preloader made in CSS. Colors are fully logical on flip. Any colors can be set easily.
Features: HTML, SCSS, Animated, Gooey, preloader, CSS
Developed By: Andreas Storm
HTML5 Canvas Spinner
See the Pen HTML5 jQuery Canvas Loader by Godje (@Godje) on CodePen.
An awesome Preloader using HTML5 Canvas CSS.
Features: HTML, SCSS, Animated, HTML5, preloader, CSS, jQuery, canvas
Developed By: Godje
Preload only using liquid css
See the Pen demo preload liquid css only by Edgar Gutierrez: Diseñador Web Gráfico: googleame como “g3kdigital” 😉 (@g3kdigital) on CodePen.
Features: HTML, Animation, preloader, CSS
Developed By: g3kdigital
Goo Loader
See the Pen Goo Loader by Elior Tabeka (@eliortabeka) on CodePen.
Features: HTML, Animation, preloader, CSS, scss
Developed By: Elior Tabeka
Pure CSS cube loaders
See the Pen Loader by Alexandr Izumenko (@Izumenko) on CodePen.
Features: HTML, Animation, preloader, CSS, Cube
Developed By: Alexandr Izumenko
Rainbow spikes spinner using CSS
See the Pen Rainbow spikes spinner (pure CSS, WebKit-only) by Ana Tudor (@thebabydino) on CodePen.
Rainbow spikes spinner (pure CSS, WebKit-only)
Features: Haml, Animation, preloader, SCSS, Rainbow
Developed By: Ana Tudor
Pure CSS Animation loader
See the Pen Pure css html Loader by ebear (@gnomes) on CodePen.
Animated circle spinner using CSS3
Features: HTML, Animation, loader, CSS
Developed By: ebear
Hollow Box Loading Animation
See the Pen Hollow Box Loading Animation by Daniel Hearn (@danhearn) on CodePen.
Hollow Box Loading Animation
Features: HTML, Animation, loading, CSS
Developed By: Daniel Hearn
SVG Snake Loader
See the Pen SVG Snake Loader by Shaw (@shshaw) on CodePen.
SVG Snake Loader
Features: SVG, Snake, loader
Developed By: Shaw
SCSS Rainbow Loader
See the Pen Rainbow Loader by Luke Meyrick (@lukemeyrick) on CodePen.
CSS and HTML Rainbow Loader
Features: Animation, loader, SCSS
Developed By: Luke Meyrick
Multiple CSS Loaders and spinner
See the Pen CSS Loaders by Rosa (@RRoberts) on CodePen.
8 pure css loaders
Features: Animation, loaders, CSS
Developed By: Rosa
12 simple CSS Loaders
See the Pen Loaders (WIP) by Tania LD (@TaniaLD) on CodePen.
12 pure css loaders
Features: Animation, loaders, CSS
Developed By: Tania LD
CSS3 Infinite Loader
See the Pen CSS3 Infinite Loader by Jonathan Silva (@jonathansilva) on CodePen.
Infinite Loader using css3
Features: Animation, loaders, CSS3, scss
Developed By: Jonathan Silva
Pure simple SVG Loaders
See the Pen SVG Loaders by Zach Schnackel (@zslabs) on CodePen.
SVG Loaders Spinners
Features: Animation, loaders, CSS3, LESS, Babel
Developed By: Zach Schnackel
Discussion about this post