DEV Community

Cover image for I Built a Collection of 100+ Open-Source SVG Spinners
Shubham Jain
Shubham Jain

Posted on

10 2 2 3 3

I Built a Collection of 100+ Open-Source SVG Spinners

Link: https://magecdn.com/tools/svg-loaders
Github: https://github.com/shubhamjain/svg-spinners

There’s been a lot of great work done with CSS spinners by developers like Afif13 and Vineeth TRV. However, I’m personally not a fan of using CSS for this purpose.

Why?

  1. It complicates component creation.
  2. It clutters your stylesheets.
  3. It makes using spinners as backgrounds or images impossible.
  4. Scaling and changing colors are more cumbersome compared to simply tweaking the fill or stroke color in SVG.

SVG-based loaders offer a far more elegant solution. I’ve taken the time to gather spinners from various repositories and Codepens to create a centralized resource. So far, it's 108 spinners. I plan to keep adding.

All spinners are MIT-Licensed, meaning you can use them commercially without any restrictions or the need for attribution.

Enjoy!

Image of Timescale

🚀 pgai Vectorizer: SQLAlchemy and LiteLLM Make Vector Search Simple

We built pgai Vectorizer to simplify embedding management for AI applications—without needing a separate database or complex infrastructure. Since launch, developers have created over 3,000 vectorizers on Timescale Cloud, with many more self-hosted.

Read more

Top comments (1)

Collapse
 
wizard798 profile image
Wizard

Wow, just amazing collection. THANKS for sharing