I Built a Collection of 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!

The above is the detailed content of I Built a Collection of Open-Source SVG Spinners. For more information, please follow other related articles on the PHP Chinese website!