DEV Community

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

Posted on

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!

Top comments (0)