500 single element CSS loaders. Pure CSS loaders with only one div. The biggest collection of loading animation using only CSS.
Ok, ok, let's stop this introduction and move to the real fun 😜
css-loaders.com
Table of content
- The Thin
- The Colorful II
- The Dots V
- The Line II
- The Cut
- The Arrow
- The Shapes IV
- The Clones II
- The Blob
- The Fullscreen
The Thin
The Colorful II
The Dots V
The Line II
The Cut
The Arrow
The Shapes IV
The Clones II
The Blob
The Fullscreen
Some people also like fullscreen loaders 😉
This is not the end
500 CSS loaders is a good milestone but I will not stop there. I won't say more so stay tuned for next collection!
In the meantime, check the last underline/overlay collection
Latest comments (33)
awesome bro
Soo much loaders I'm getting overloaded.😅
Nice work!
Mannnn this is so useful, i was looking for that my entire life and in the first day on dev.to i found it 🤣 good job!
It looks so cool.
Appreciate the ounce of energy you poured into creating all these cool and awesome loaders
Any references (CSS animations) to create something as amazing as these loaders?
I don't really have any particular reference. It's years of experience and practice so the only reference I can give is to learn the basics and practise as much as possible and you will become better each day.
Hello, thx for this post. It is really good. nice!
I think there is a loader that you can sell to Mitsubishi in
The cutcollection above lol. There's a lot of work here. Amazing.Great work! Loving this series. Excited to see what else you have in store.
Hahaha! It's really great! Thanks!
The Clones 2 is so neat and satisfying, I can see users wishing the loading time was longer just to stare at those animations!
The fullscreen loaders on the other hand...
Some comments have been hidden by the post's author - find out more