Liquid Glass
Apple-style liquid glass refraction for the web, in every browser.
WebsiteWorkflowsWeb, Cross-PlatformFree
4.5Visit
Website
Circle Loaders
Twenty-four monochrome SVG loading animations with zero dependencies.
Day 43 since launch · Launched 25 August 2026
Made by Shushant LakhyaniKnow about Shushant Lakhyani hereGet all my visual guides hereSee what I can build for youAI+Tech+No-Code+Online Business Mini GuidesJoin the newsletter
Made by Shushant LakhyaniKnow about Shushant Lakhyani hereGet all my visual guides hereSee what I can build for youAI+Tech+No-Code+Online Business Mini GuidesJoin the newsletterBuilt with love by Shushant Lakhyani. Building bestproductivityresources.com
Screenshot or bookmark this page so you find it later, then share it with your network.
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
- Copy-paste ready SVG animations
- Lightweight and dependency-free
- Works in any web project
Cons
- Limited to circular spinner styles
- No customization interface on the site
Who should use Circle Loaders
Developers and designers who need quick, lightweight loading spinners for web projects.
Who may not need it
Teams with an established component library or complex branded loader requirements.
Circle Loaders alternatives
Similar resources to Circle Loaders, picked from the directory.
Keyline Icons
1,114 free MIT-licensed icons for shadcn/ui, in four styles.
WebsiteWorkflowsWebFree
4.6Visit
React Bits
Animated UI components for React.
FrameworkWorkflowsWebFree
4.7Visit
OriginKit
The largest free animated component library for modern websites.
FrameworkWorkflowsWebFree
4.5Visit
Annnimate
Production-grade GSAP components for React, Vue and HTML that ship at studio quality.
WebsiteAI ProductivityWebFreemium
4.8Visit
Hugeicons
A massive, beautiful icon library for designers and developers.
WebsiteWorkflowsWebFreemium
4.8Visit
Free alternatives to Circle Loaders
Free resources that cover similar ground.
CSS Toggle Library
36 pure-CSS toggles, switches and checkboxes, free to copy.
WebsiteWorkflowsWebFree
4.7Visit
23rd
Opinionated UI components for people who ship, as a shadcn/ui registry.
WebsiteAI ProductivityWebFree
4.6Visit
Kage
Design inspiration from real products, turned into prompts for AI agents.
WebsiteWorkflowsWebFree
4.6Visit
microcharts
Word-sized charts for React.
WebsiteWorkflowsWebFree
4.5Visit
Morphicons
Morph any SVG icon into another with spring physics.
WebsiteWorkflowsWebFree
4.5Visit
Amicro
React micro-transitions and interaction components.
WebsiteWorkflowsWebFree
4.4Visit
Featured on Best Productivity Resources
Made Circle Loaders? Add this free badge to your website or README. It links to this page.
<a href="https://bestproductivityresources.com/resources/circle-loaders" target="_blank" rel="noopener"><img src="https://bestproductivityresources.com/badges/featured-light.svg" alt="Featured on Best Productivity Resources" width="250" height="54" /></a>