DEV Community

Cover image for Still 100 CSS loaders for your next project

Still 100 CSS loaders for your next project

Temani Afif on June 15, 2021

The fun continue with another collection of 100 CSS loaders! Always the same rule: one div = one loader. Also available online 👇 css...
Collapse
 
kimskogsmo profile image
Kim Skogsmo

the effort.... good job my dude

Collapse
 
spo0q profile image
spO0q 🐒🎃

loaded.

Collapse
 
pp_devaneia profile image
Voltei ou não

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

Collapse
 
__manucodes profile image
manu

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

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

Collapse
 
__manucodes profile image
manu • 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
 
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

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

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

Collapse
 
grahamthedev profile image
GrahamTheDev

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

I may end with more loaders than his clones army 😆

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
API Surfers

Mind Boggling Collection once more.

Collapse
 
cristoferk profile image
CristoferK

Cool@

Collapse
 
eissorcercode99 profile image
The EisSorcer

So freaking awesome.

Collapse
 
efecollins profile image
Efosa Collins EVBOWE

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
christian0125

Great work, particularly first 3 are useful for websites.

Collapse
 
hassan_dev91 profile image
Hassan

Oh my gosh this is amazing 💗💗

Collapse
 
guillaumearnould profile image
Guillaume Arnould

Awesome dude 🤩

Collapse
 
hatwell21 profile image
hatwell-jonel

this is awesome!!!

Collapse
 
ch2isk4kos profile image
Chris Kakos

This is awesome. Good stuff Temani!

Collapse
 
shreyazz profile image
Shreyas Pahune

Amazing loaders👌🏻🔥

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

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

Collapse
 
johansen512 profile image
Johansen512

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

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