DEV Community

loading...
Cover image for Still 100 CSS loaders for your next project

Still 100 CSS loaders for your next project

Temani Afif
Another Dev guy who love hacking with CSS
・2 min read

The fun continue with another collection of 100 CSS loaders!

Always the same rule: one div = one loader.


Table of content


The Classic IV

We have lost the control. I repeat, we have lost the control!

The Colorful

The Dots IV

The Dancers

The Bars III

The Line

The Dots vs The Bars II

The Clones

The Nature II

The Flipping II

The Famous

You all liked The Ben loader so I have made another casting. It wasn't an easy task but some of them accepted to become loader (or maybe not...)

Please no spoils on the comment section.


That's it!

oof, I reached 400! Now it starts to get a bit challenging to create another collection of 100 CSS loaders but you can help with some β€πŸ¦„ and also some coffees. I have read an article saying that virtual coffees can increase the productivity up to 50%. worth trying, no? 😜


Discussion (31)

Collapse
jmau111 profile image
Julien Maury

loaded.

Collapse
pp_devaneia profile image
Voltei ou nΓ£o

You are crazy man hahahaha, but is really really awesome.

Collapse
manuthecoder profile image
π™ΌπšŠπš—πšžπšƒπš‘πšŽπ™²πš˜πšπšŽπš›

I have an idea:
Could you make a </> loader animation for my project? (Or anything related to code.)

Thanks!

Collapse
afif profile image
Temani Afif Author

I don't see what kind of loader you are refering to.

Collapse
manuthecoder profile image
π™ΌπšŠπš—πšžπšƒπš‘πšŽπ™²πš˜πšπšŽπš› • Edited

Ok, sorry for the vague description, but it can be anything related to coding.
"A coding loader" kinda

https://cdn.dribbble.com/users/414694/screenshots/5885723/shot.gif

for inspiration

Collapse
jotajeff profile image
Jeferson Silva

awesome....... thank you for submit.

Collapse
enmel profile image
Enmanuel Marval

Awesonme againn

Collapse
aleksandrhovhannisyan profile image
Aleksandr Hovhannisyan

Every time I think you've run out of ideas, you come up with 100 more, lol.

I'm amazed that the woodpecker is a single div.

Collapse
nimeshbrt profile image
Nimeshbrt

Mind Boggling Collection once more.

Collapse
cristoferk profile image
CristoferK

Cool@

Collapse
ghoshriju33 profile image
Riju Ghosh

That's an awesome set of loaders. I'm flabbergasted. Do you mind if I use them to make a loader directory? Just recently started learning Node and Vue. Would be a great project to polish my skills.

Collapse
afif profile image
Temani Afif Author

no problem but would be good if you link back to this article somewhere ;)

Collapse
ghoshriju33 profile image
Riju Ghosh

Definitely!!! Your work deserves attribution. 😁😁

Collapse
ra1nbow1 profile image
Matvey Romanov

So awesome

Collapse
atulcodex profile image
Atul Prajapati • Edited

Are you alien, Sorry but how can you make this much of CSS loader :0

Collapse
afif profile image
Temani Afif Author

not an alien but a "crazy" person for sure ;)

Collapse
eissorcercode99 profile image
The EisSorcer

So freaking awesome.

Collapse
efecollins profile image
Evbowe Efosa Collins

This is so awesome and I could say one of the most beautiful things I have seen somebody create

Collapse
ankit01oss profile image
Ankit Anand ✨

This is 🀯 . Thanks @afif

Collapse
seagullschristian profile image
seagulls-christian

Great work, particularly first 3 are useful for websites.

Collapse
hassan_a1991b profile image
Hassan

Oh my gosh this is amazing πŸ’—πŸ’—

Collapse
guillaumearnould profile image
Guillaume Arnould

Awesome dude 🀩

Collapse
inhuofficial profile image
InHuOfficial

Me: "Where can I learn CSS"
Palpatine: "Not..from a Jedi"
Temani: waves

Excellent as always bud! Comment for the algo. πŸ˜‰

Collapse
afif profile image
Temani Afif Author

I may end with more loaders than his clones army πŸ˜†

Collapse
hatwell21 profile image
hatwell-jonel

this is awesome!!!

Collapse
myleftshoe profile image
myleftshoe

Prolific work which raises the question - do you have 400 slow to load websites?

Collapse
afif profile image
Temani Afif Author

I don't but there is for sure more than 400 slow website on the net ;)

Collapse
ch2isk4kos profile image
Chris Kakos

This is awesome. Good stuff Temani!

Collapse
johansen512 profile image
Johansen512

Brilliant! Love the ... uhm ... Luke one ... ;)

Collapse
shreyazz profile image
Shreyas Pahune

Amazing loadersπŸ‘ŒπŸ»πŸ”₯

Some comments have been hidden by the post's author - find out more