From our sponsor: Ready to show your plugin skills? Enter the Penpot Plugins Contest (Nov 15-Dec 15) to win cash prizes!
Today we are really happy to share a set of creative activity indicators by PixelBuddha with you!
You may have seen the first set of the Flat Preloaders that consisted of round style colorful activity indicators. The set was so well received and today we’re very glad to offer you an exclusive freebie on Codrops — the second part of the preloaders collection, and this time in square style.
About the Preloaders
The preloaders were made using trendy flat colors, so they will fit perfectly into any modern interface. Every preloader comes in three sizes, 32×32, 64×64, 128×128. You will also find the Adobe After Effects (CS6, CC versions support) file, where you can modify, scale and change the colors of the preloaders.
Preview
Have a look at the complete set of these creative squared activity indicators:
Download the set for free
You can download the ZIP file here:
Please take a look at the license terms included in the ZIP file.
On PixelBuddha.net you can also download the first part of the preloaders collection and find many other wonderful freebies with new resources being added weekly.
If you’d like to contribute and publish your freebie on Codrops just drop us a line.
Wow, that’s so awesome. I wonder how much of these can be actually done with pure CSS animations 🙂
Except for the rubic cube, I think it’s perfectly possible. Hmmm but how’d I do that cube… hmm….
Was wondering the same thing. SVG would be good, too — I’m excited about the stuff that might be up and coming there.
@ste
Have you seen this? https://www.google.com/logos/2014/rubiks/rubiks.html
It’s so fresh and nice.
Yes pure CSS is also possible. Nice animations.
Thats why i love you guys!
wow, how to make it ? I like it and is very awesome guys !
These are awesome! Thanks for the share.
So Cool., <3 it.
Very cool – love the Rubik’s Cube! Haha
Gracias!
I like the animations. Can you do a series with the same thing but have them be pure css? I don’t like the heaviness of a image preloader.
What is the best way to implement these? By that, I mean show a loading animation until the page has loaded the content.
I’m exactly looking for such a thing you mentioned.
Cool guys, thanks!
These are really nice, thanks!
Any chance of getting PSDs for them, so we can change the BG color?
Awesome freebies! Thanks very much! 😀
The icons are clean , Good animations can be customized to make good loading effects along with some text
I created some of those pre loaders in pure CSS animation. Enjoy!
http://jsfiddle.net/birkir/D7myT/
Hi, these are so beautiful but i cannot open the download zip file in my mac.. 🙁
Nice loader collection, love that rubik effect 🙂
Awesome 🙂 great work.
Thank you this is good work!
Great work. Thanks.
i love flat design its so great loader 🙂 thumbs up by mirchu net Team
Can’t believe it’s taken me this long to find this, thank god my current project files had a missing preloader (the bundled one was rubbish)
Is there a contact for the person who made these preloaders? I’m looking to have one custom made.
ill do it For a 5 dollar amazon gift card
How TO Use These ??
I found a nice tutorial on http://www.skyblueoceanmedia.com on how to upload and install GIF’s, are you looking to have this as a pre-loader also?
Nice find! Would been better if the background was transparant.
Awesome gifs guys!!!!! Keep up the great work. Love it!!!!
BTW is there a reason why bcg is white?
How do you change the colors in AE?