Freebie: Flat Style Squared Preloaders (GIF, AEP, PNG)

A set of really nice and modern animated GIF preloaders by PixelBuddha. The colorful set comes with seven unique square style activity indicators in three sizes and the Adobe After Effects file.

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.


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 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.

Tagged with:


The team of Pixel Buddha is passionate about creating high-quality, free and premium resources for design professionals. Famous for their unique and creative icon sets like Smallicons and Ballicons, they have now grown into an extremely useful resource site with weekly updates.

Stay in the loop: Get your dose of frontend twice a week

👾 Hey! Looking for the latest in frontend? Twice a week, we'll deliver the freshest frontend news, website inspo, cool code demos, videos and UI animations right to your inbox.

Zero fluff, all quality, to make your Mondays and Thursdays more creative!

Feedback 33

Comments are closed.
  1. Wow, that’s so awesome. I wonder how much of these can be actually done with pure CSS animations 🙂

  2. 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.

  3. What is the best way to implement these? By that, I mean show a loading animation until the page has loaded the content.

  4. These are really nice, thanks!

    Any chance of getting PSDs for them, so we can change the BG color?

  5. The icons are clean , Good animations can be customized to make good loading effects along with some text

  6. Hi, these are so beautiful but i cannot open the download zip file in my mac.. 🙁

  7. 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)

  8. Is there a contact for the person who made these preloaders? I’m looking to have one custom made.

  9. Awesome gifs guys!!!!! Keep up the great work. Love it!!!!
    BTW is there a reason why bcg is white?