CSS Loading Dots Generator
Generate CSS animated loading dots with customizable dot count, size, color, gap, animation type (bounce, fade, scale, pulse), and speed. Get ready-to-use HTML and CSS code.
How to Use CSS Loading Dots Generator
Set the number of dots, size, color, gap, animation type, and duration. Click Generate to get HTML markup and CSS code with keyframe animations and staggered delays.
Step-by-Step Instructions
- Set dot count, size, and color
- Choose animation type and speed
- Click Generate Loading Dots
- Copy the HTML and CSS code
Related Tools
Color Picker
Pick colors and get HEX, RGB, and HSL values simultaneously.
Gradient Generator
Create CSS linear and radial gradients with live preview.
Palette Generator
Generate 5 complementary colors from any base color.
Image to Base64 Converter
Convert PNG, JPEG, GIF, WEBP, and SVG images to Base64 strings.