DEV Community

Cover image for Still 100 CSS loaders for your next project
Temani Afif
Temani Afif

Posted on • Updated on

Still 100 CSS loaders for your next project

The fun continue with another collection of 100 CSS loaders!

Always the same rule: one div = one loader.


Also available online ๐Ÿ‘‡

css-loaders.com


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? ๐Ÿ˜œ


Top comments (31)

Collapse
 
kimskogsmo profile image
Kim Skogsmo

the effort.... good job my dude

Collapse
 
po0q profile image
pO0q ๐Ÿฆ„

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

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