ToolsRail
Home
Shadow Generator
Tailwind Font Generator
About
Home
Shadow Generator
Tailwind Font Generator
About
Home
Tailwind Tools
Tailwind CSS Loader Generator
Create custom loading animations with Tailwind CSS classes
Customization Options
Loader Type
?
Spinner
Dots
Bars
Pulse
Skeleton
Dual Ring
Wave
Rotating Squares
Rotating Triangles
Filling Bar
Morphing
Glowing
Expanding
Size
?
Extra Small (w-4 h-4)
Small (w-6 h-6)
Medium (w-8 h-8)
Large (w-12 h-12)
Extra Large (w-16 h-16)
Huge (w-24 h-24)
Color
?
Blue
Red
Green
Yellow
Purple
Pink
Indigo
Gray
White
Secondary Color
?
Gray
Blue
Red
Green
Yellow
Purple
Pink
Indigo
White
Animation Speed
?
Very Fast (0.3s)
Fast (0.5s)
Medium (0.7s)
Slow (1s)
Very Slow (1.5s)
Extra Slow (2s)
Border Thickness
?
Thin (border)
Medium (border-2)
Thick (border-4)
Extra Thick (border-8)
Shape
?
Circle
Square
Rounded Square
Heavily Rounded
Rounded Top
Rounded Left
Background Transparency
?
Solid (100%)
Mostly Opaque (75%)
Semi-Transparent (50%)
Mostly Transparent (25%)
Very Transparent (10%)
Special Effects
?
Hover Effect
Dark Mode Support
Shadow Effect
Preview
Generated Code
Copy