Circle Loaders
Focus: svg, ui components and monochrome. Shares loaders and animations with CSS Loaders. Rated 4.4 (CSS Loaders: 4.6).
WebsiteFreeWeb
4.4Visit
Website
CSS Loaders
More than 600 loading animations built with a single CSS element.
Rating
4.6 / 5
Pricing
Free
Difficulty
Beginner
Works on
Web
Built with love by Shushant Lakhyani. Building bestproductivityresources.com
What is CSS Loaders?
CSS Loaders is a free collection of over 600 loading spinners and animations, each made from one HTML element and a few lines of CSS that you can copy in a click. It was built by CSS expert Temani Afif and needs no JavaScript or image files.
Pros: what CSS Loaders does well
- Huge variety of loaders
- One element, pure CSS
- Copy code in a click
Cons: where it falls short
- Customising takes some CSS knowledge
- Loaders only, no other components
Who CSS Loaders is for
Front-end developers who want a lightweight loading animation.
Who can skip it
People building sites without touching code.
CSS Loaders alternatives
Not sold on CSS Loaders? These do a similar job, and each card says what it has in common.
CSS Toggle Library
Focus: toggles, switches and checkboxes. Shares css with CSS Loaders. Rated 4.7 (CSS Loaders: 4.6).
WebsiteFreeWeb
4.7Visit
Modern Font Stacks
Focus: fonts, typography and performance. Shares css with CSS Loaders. Same 4.6 rating.
WebsiteFreeWeb
4.6Visit
Uiverse
Focus: ui elements, tailwind css and buttons. Shares css with CSS Loaders. Same 4.6 rating.
WebsiteFreeWeb
4.6Visit
css.gg
Focus: icons, svg and ui. Shares css with CSS Loaders. Rated 4.5 (CSS Loaders: 4.6).
WebsiteFreeWeb
4.5Visit
Hero Patterns
Focus: svg patterns, backgrounds and design resources. Shares css with CSS Loaders. Rated 4.5 (CSS Loaders: 4.6).
WebsiteFreeWeb
4.5Visit
Free alternatives to CSS Loaders
Want to spend nothing? These free picks cover similar ground.
Liquid Glass
Focus: liquid glass, react and ui effects. Shares css with CSS Loaders. Rated 4.5 (CSS Loaders: 4.6).
WebsiteFreeWeb, Cross-Platform
4.5Visit
Make It Animated
Focus: react native, reanimated and skia. Shares animations with CSS Loaders. Rated 4.4 (CSS Loaders: 4.6).
WebsiteFreeWeb
4.4Visit
Springs Studio
Focus: easing, animation and design tokens. Shares css with CSS Loaders. Rated 4.4 (CSS Loaders: 4.6).
WebsiteFreeWeb
4.4Visit
CSS Buttons
Focus: buttons, ui and tailwind. Shares css with CSS Loaders. Rated 4.3 (CSS Loaders: 4.6).
WebsiteFreeWeb
4.3Visit
React Bits
Focus: ui components, react and effects. Shares animations with CSS Loaders. A framework, not a website. Rated 4.7 (CSS Loaders: 4.6).
FrameworkFreeWeb
4.7Visit
Clippy
Focus: clip-path, shapes and web design. Shares css with CSS Loaders. A web app, not a website. Same 4.6 rating.
Web AppFreeWeb
4.6Visit
Are you the maker of CSS 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.