# dots

Staggered Bounce Dots

Five gradient dots bouncing in a wave with glow at peak, each delayed 150ms.

HTMLCSSReactAdvanced

3k24.1k5.2kOpen

HTMLCSSJavaScriptModerate

Animations Live preview

Bouncing dots loader

Three gradient dots bounce and squash with a ripple delay, above a blinking 'loading…' label.

28700Open

Bouncing Dots Loader · Ultra Violet

Four gradient dots bouncing in a staggered wave — the classic chat-typing energy. Rendered in the Ultra Violet palette.

47500Open

Bouncing Dots Loader · Cyber Lime

Four gradient dots bouncing in a staggered wave — the classic chat-typing energy. Rendered in the Cyber Lime palette.

36800Open

Bouncing Dots Loader · Sunset Amber

Four gradient dots bouncing in a staggered wave — the classic chat-typing energy. Rendered in the Sunset Amber palette.

76700Open

Bouncing Dots Loader · Rose Gold

Four gradient dots bouncing in a staggered wave — the classic chat-typing energy. Rendered in the Rose Gold palette.

63100Open

Bouncing Dots Loader · Ocean Sky

Four gradient dots bouncing in a staggered wave — the classic chat-typing energy. Rendered in the Ocean Sky palette.

55500Open

Bouncing Dots Loader · Mint Breeze

Four gradient dots bouncing in a staggered wave — the classic chat-typing energy. Rendered in the Mint Breeze palette.

45900Open

Bouncing Dots Loader · Candy Pink

Four gradient dots bouncing in a staggered wave — the classic chat-typing energy. Rendered in the Candy Pink palette.

45700Open

Bouncing Dots Loader · Royal Gold

Four gradient dots bouncing in a staggered wave — the classic chat-typing energy. Rendered in the Royal Gold palette.

12500Open

Dots Typing Loader

Three bouncing dots representing typing/loading with staggered animation.

Breadcrumb Dots

Trailing breadcrumb with collapse-to-dots and expand on hover.

Dot Pagination Dots

Carousel dot indicators with active dot expanding to a pill.

HTMLCSSJavaScriptModerate

Animations Live preview

Dot Matrix Wave

Grid of dots forming a traveling wave pattern.

HTMLCSSJavaScriptAdvanced

Ring + Dots Combo Loader

Loading pair combining a rotating gradient ring and staggered typing dots.

HTMLCSSJavaScriptAdvanced

Radio Custom Set

Custom radio dots with animated selection ring and label groups.

HTMLCSSJavaScriptAdvanced

Typing Dots Loader

Three bouncing dots suggesting typing with staggered motion.