CSS Loaders
Focus: spinners. Shares css and loaders with Circle Loaders. Rated 4.6 (Circle Loaders: 4.4).
WebsiteFreeWeb
4.6Visit
Website
Circle Loaders
Twenty-four monochrome SVG loading animations with zero dependencies.
Rating
4.4 / 5
Pricing
Free
Difficulty
Beginner
Works on
Web
Built with love by Shushant Lakhyani. Building bestproductivityresources.com
What is Circle Loaders?
Circle Loaders is a collection of 24 standalone animated SVG loading spinners. Each loader is a single markup file with inline keyframes, so it works as an image, CSS background or inline element without a build step or JavaScript.
Pros: what Circle Loaders does well
- Copy-paste ready SVG animations
- Lightweight and dependency-free
- Works in any web project
Cons: where it falls short
- Limited to circular spinner styles
- No customization interface on the site
Who Circle Loaders is for
Developers and designers who need quick, lightweight loading spinners for web projects.
Who can skip it
Teams with an established component library or complex branded loader requirements.
Circle Loaders alternatives
Not sold on Circle Loaders? These do a similar job, and each card says what it has in common.
Liquid Glass
Focus: liquid glass, react and ui effects. Shares css and svg with Circle Loaders. Rated 4.5 (Circle Loaders: 4.4).
WebsiteFreeWeb, Cross-Platform
4.5Visit
Keyline Icons
Focus: icons, react and shadcn. Shares svg and free with Circle Loaders. Rated 4.6 (Circle Loaders: 4.4).
WebsiteFreeWeb
4.6Visit
css.gg
Focus: icons and ui. Shares css and svg with Circle Loaders. Rated 4.5 (Circle Loaders: 4.4).
WebsiteFreeWeb
4.5Visit
React Bits
Focus: react, effects and open source. Shares ui components and animations with Circle Loaders. A framework, not a website. Rated 4.7 (Circle Loaders: 4.4).
FrameworkFreeWeb
4.7Visit
OriginKit
Focus: animation, framer and mcp. Shares ui components and free with Circle Loaders. A framework, not a website. Rated 4.5 (Circle Loaders: 4.4).
FrameworkFreeWeb
4.5Visit
Free alternatives to Circle Loaders
Want to spend nothing? These free picks cover similar ground.
Bootstrap Icons
Focus: icons, icon font and open source. Shares svg with Circle Loaders. Rated 4.7 (Circle Loaders: 4.4).
WebsiteFreeWeb
4.7Visit
CSS Toggle Library
Focus: toggles, switches and checkboxes. Shares css with Circle Loaders. Rated 4.7 (Circle Loaders: 4.4).
WebsiteFreeWeb
4.7Visit
Feather Icons
Focus: icons, ui design and open source. Shares svg with Circle Loaders. Rated 4.7 (Circle Loaders: 4.4).
WebsiteFreeWeb
4.7Visit
Iconify
Focus: icons, design resources and open source. Shares svg with Circle Loaders. Rated 4.7 (Circle Loaders: 4.4).
WebsiteFreeWeb
4.7Visit
Simple Icons
Focus: brand icons, logos and open source. Shares svg with Circle Loaders. Rated 4.7 (Circle Loaders: 4.4).
WebsiteFreeWeb
4.7Visit
unDraw
Focus: illustrations, design assets and free graphics. Shares svg with Circle Loaders. Rated 4.7 (Circle Loaders: 4.4).
WebsiteFreeWeb
4.7Visit
Are you the maker of Circle Loaders?Get a free Featured badge for your site, a share image and ready-to-paste posts. No sign-up.
Free Notion database
1,100+ ways people are making money online
Real online businesses, creators and projects, broken down by how they make money: apps, online stores, AI tools and more. Free on Gumroad.
Get the free databaseFree Notion database
399+ ways to make money online
Hundreds of online income methods in one place, so you can compare options and pick one to try. Free on Gumroad.
Get the free listFor research and ideas only. Results vary and nothing here is a promise of income. See our Disclaimer.
Weekly newsletter
Everything new, every Monday.
One short email every Monday with everything shipped that week: new free tools and websites, new guides, new free browser tools and what's new in my free Gumroad libraries, plus how the site is growing. Free, and you can unsubscribe anytime.
Join the newsletterYou sign up on Gumroad, which stores your email to send the newsletter. See our Privacy Policy.