Live preview Checkboxes
Circle Stroke Draw
An SVG circle outline draws itself around a center dot that pops in when checked.
#dots CSS effects
12 free, pure-CSS effects match the "dots" tag. Each is copy-ready and needs no library or build step.
Live preview Checkboxes
Wifi Signal Toggle
An SVG wifi icon lights up in cyan with a soft glow when the device goes online.
Live preview Alerts
Lapis Info Alert
Three bobbing dots show that the announced background job is still processing.
Live preview Avatars
Arc Dotted Frame Avatar
Twelve separate dots replace the border and light up one after another around it.
Live preview Avatars
Piston Typing Indicator Avatar
Three dots pump inside a tailed bubble to show that this member is still typing.
Live preview Checkboxes
Dot Indicator
A radio-style dot scales into the center of an outlined circle with a pink glow when checked.
Live preview Loaders
Live preview Marquees
Verge Counter Bed
A field of dots creeps to the right underneath a caption that travels to the left.
Live preview Progress
Caliper Runner Progress
An open ended loader where a train of five dots keeps running through the tube from left to right.
Live preview Progress
Reef Dots Progress
Carousel page dots where the active pill stretches and hosts its own autoplay timer bar.
Live preview Sliders
Lull Halftone Slider
A print style dot screen fills the open rail and fades out across the plate above it.
Live preview Toggles