Pure CSS Loaders and Spinners (No JavaScript)
Loading spinners, dots and progress bars in pure CSS: copy, paste and customise without any JavaScript.
Open the free CSS Loaders & Spinners →What is the CSS Loaders & Spinners?
Pure CSS loading spinners, dots and progress bars. No JavaScript, copy and paste. It's completely free, needs no sign-up and works on any phone or computer.
Why it's helpful
- Several loader styles
- No JavaScript
- Easy to recolour
Who it's for
Web developers.
How to use it
- Each item has a live preview. Click Copy to grab the code.
💻 Open source: this tool is free and open source (MIT License). View the code on GitHub, download it and run it offline.
The bigger picture: Design
Good design builds trust in seconds. Colour, typography, spacing and accessibility tools help developers and small businesses create websites that look professional without hiring a full design team.
What's changing: Accessibility is moving from nice-to-have to expected, and modern CSS now does with a few lines what used to need images and JavaScript.
Frequently asked questions
Can I use these in commercial projects?
Yes. They are free to use.
