Online CSS Loader Generator
Generate CSS and HTML for loaders: spinner and dots. Copy and paste into your project.
Preview
.loader-spinner {
width: 32px;
height: 32px;
border: 3px solid #eee;
border-top-color: #2563eb;
border-radius: 50%;
animation: loader-spin 0.8s linear infinite;
}
@keyframes loader-spin {
to { transform: rotate(360deg); }
}<div class="loader-spinner" aria-hidden="true"></div>
Frequently Asked Questions
- What loader types are there?
- Spinner (rotating circle) and dots (bouncing dots). Both are pure CSS.
- Can I change the color?
- Yes. Edit the border-color or background in the generated CSS.
Related Developer Tools
JSON Formatter
Format, validate, and beautify JSON. Minify or pretty-print with one click.
Base64 Decode
Decode Base64 strings to text. Encode text to Base64.
UUID Generator
Generate random UUIDs (v4) for unique identifiers. Copy with one click.
URL Encoder Decoder
Encode and decode URLs. Convert special characters for safe use in URLs.
Convert Color Hex to RGB
Convert hex color codes to RGB values (R, G, B).
Convert Color RGB to Hex
Convert RGB values (R, G, B) to hex color codes.