Ready for the second set of loaders? Yes, it's again me with another collection of 100 CSS loaders. Now you have a total of 200 different loaders!
...
Some comments have been hidden by the post's author - find out more
For further actions, you may consider blocking this person and/or reporting abuse
You. Are. So. Good. At. CSS!
But you didn't include this loader:
If you talk about the cat, then it's inside the Pokeball :p and for the loader above it, maybe you will see it in the next collection ;)
nice.
Looking forward to it haha :D
I would challenge you to make a discord loader.... it's kinda hard and i think you will make it because you are good at css....
show me a gif or give me a link where I can see the loader (I am not used to work with discord) and I will probably do it ;)
good one, worth trying ;)
sir did u have a discord can i add u
ManuTheCoder#5821
sir i add u accept it
Respect you man!
I hope you are the master of loaders :)
only loaders ?? :p
sorry, entire www :)
Those CSS loaders are just awesome, mmmm . . . ! But, I hope that you include In the next collection an atome with an nucleus inside and electrons around like those in The Wobblind II, something like react logo.
So you are from Tunisia, I'm from morroco, happy to see you here with this wonderful job 😉.
ok noted ;) you will see it in a future collection !
Cant't wait to see:(stole) 😁
All these great and complex loaders and I love the 2nd one in "The Dots II", one I have officially stolen 😋
do but please don't remove the CSS from it and make it a multi-frame image that you load using Ajax calls hidden inside the HTTP headers 🙏
Damn it, you know me too well now, I guess I will use this new fangled CSS stuff.
Maybe I could build it using TailWind, I am sure that would make you happy 😂
It would be a bit tricky using tailwind. You need to first build a JS plugin to extend the framework classes then
Even the browser will show in the console "come one man, I cannot do this !!" 🤣🤣
you missed
dot-is-black dot-is-12px dot-is-round dot-must-not-be-square dot-dot-is-on-white dot-has-no-clue-how-to-do-its-taxes
on each span....get with the program!shame on me 😟 missed half the classes ... we can probably optimize the styling classes and add them to the parent element for more scalability
all-dots-are-back-but-make-transparent-the-extra-ones all-dots-are-12px all-dots-are-round will-handle-the-taxes-for-my-dots
🤣🤣🤣
I'm your fan haha, congratulations on the work
thanks :)
Whats your GitHub?
my github is empty, you will find nothing there :)
Definitely saving this one for the future! Coming up with awesome loaders is so hard. Thank you so much for this!
you're welcome ;) and yes it's not that easy to create things. It's 90% thinking and 10% coding.
Given the support for animation in CSS these days I'm surprised it's not 95% / 5% 😉
These are incredible! Love the pokeball.
Amazing project. I looked around it and I found your Twitter and website, You should definitely include them in your blogs.
I guess project like this causing you to constantly update your website. It happens that I'm creator of the front-end Studio that is a hybrid between low-code and 'full-code' experience. Have a look at my blogs, and let me know if I could be any help for you in your project.
hello sir can i use this my startup website.
yes of course :) and you can drop a link here so I can see the result ;)
thanks for the reply sir i will be share you link after done😍
That’s awesome 👏
Can u do cards swapping css animation ?
can you show me an example?
bit.ly/3vvmNY4 😅
ok, will keep it in mind for a future collection ;) stay tuned!
You are amazing at making these! Where do you get your inspiration?
a pen, a paper and I try to mockup things :) (it's the hardest part by the way, coding them is easier). There are, of course, the many loaders I see everyday everywhere that give me some ideas too.
sir can u help about css
what kind of help are you looking for?
can u tell how can i make look like this how can i add download button in hover styles in css
can u build a website for me
sorry but this is not a "help", it's a job request and unfortunately I don't have the time for it
@afif I believe that could be a good idea create npm package with the loader
I considered the fact that you will probably need 1 or 2 loader per project/website so I don't think you need to load a whole package of loaders. It's easier to copy/past the CSS of the loader you want and it's done :)
I am against a "loaders.min.css" where I will add all my code and then you will be using 1% of it.
Thank you for your wonderful article!! I used the pokemon loading animation in my web-app. poke.art-creator.net/
Thanks for sharing this! it really helped me out hehe
Keep sharing like this
Nice!
Do you have some loader related with music?
maybe in a future collection ;)
10 in "the flipping" is my favorite!
This is so awesome.
very nice!
Very good!
This is madness! Before you know it, you'll be building pure CSS loaders with academy award winning storylines!
Indeed, I try to keep a kind of sequencing between the series so it looks like I am telling a story :) and we are still at the beginning ;)
really good job @afif
Wow a lot of these are really good did you create them all?
yes, I did all of them from scratch ;)
Wow... you are amazing..
I got to be a your fan! lol
amazing loader,
awesome
Do a NPM package and become our next god ! 😍
the arcades are sick! nice job man
pong ftw!
Man I just finished a Full-Stack E-Commerce website and I need one( I'm not that good in css )
thank you so much for these
Great ones! Consider using some of single element CSS loaders from onedivloaders.vercel.app too.