CSS TOOLS
CSS Loader Generator.
Build animated loaders with custom style, color and size.
<div class="loader"></div>
.loader{width:48px;height:48px;border:4px solid #ddd;border-top-color:#1a1a2e;border-radius:999px;animation:spin 1s linear infinite;}@keyframes spin{to{transform:rotate(360deg)}}
Three simple steps
How to use CSS Loader Generator
1
Choose type
Select spinner, dots, bars, pulse or ring.
2
Adjust styling
Set loader color and size.
3
Copy HTML + CSS
Paste snippets into your project.