CSS Loader Animation Generator
Generate loading spinner and progress bar animations
CSS Loader Generator
Generate animated CSS loading spinners and indicators.
Settings
Spinner
Size: 40px
Thickness: 4px
Speed: 0.8s
Color
Track
CSS
@keyframes spin {
to { transform: rotate(360deg); }
}
.spinner {
width: 40px;
height: 40px;
border: 4px solid #e5e7eb;
border-top-color: #6366f1;
border-radius: 50%;
animation: spin 0.8s linear infinite;
}HTML
<div class="spinner"></div>
Related Tools in CSS Styling & Layout Generators
More browser-based utilities in this collection
Background Gradient
Generate CSS gradient backgrounds
Background Image
Generate CSS background image code
Blur
Generate CSS blur filter effects
Border Image
Generate CSS border-image properties
Border Radius
Generate CSS border-radius properties
Border
Generate CSS border properties
Box Shadow
Generate CSS box-shadow effects
Brightness
Generate CSS brightness filters