# loader

Equalizer Bars Loader · Crimson Heat

Five gradient bars pumping like an audio equalizer with staggered scaleY animation. Rendered in the Crimson Heat palette.

50200Open

Spin Loader Variants

Collection of spinner variants with different speeds.

Liquid Loader Drop

Liquid fill loader with droplet overflow.

Orbit Spinner

Spinner with orbiting satellite dots around a core.

Loading Ring Pulse

Ring loader with pulsing halo and rotating arc.

Equalizer Bars Loader · Candy Pink

Five gradient bars pumping like an audio equalizer with staggered scaleY animation. Rendered in the Candy Pink palette.

18200Open

Progress Bar Loading

Determinate progress bar with striped animation and percentage.

Particle Progress Ring Loader

A ring of 60 particles flowing around a track that fills with a breathing percentage readout.

26300Open

Equalizer Bars Loader · Royal Gold

Five gradient bars pumping like an audio equalizer with staggered scaleY animation. Rendered in the Royal Gold palette.

63000Open

Equalizer Bars Loader · Deep Indigo

Five gradient bars pumping like an audio equalizer with staggered scaleY animation. Rendered in the Deep Indigo palette.

69900Open

Equalizer Bars Loader · Ocean Sky

Five gradient bars pumping like an audio equalizer with staggered scaleY animation. Rendered in the Ocean Sky palette.

43800Open

Bouncing dots loader

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

28700Open

Bouncing Dots Loader · Ocean Sky

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

55510Open

Equalizer Bars Loader · Rose Gold

Five gradient bars pumping like an audio equalizer with staggered scaleY animation. Rendered in the Rose Gold palette.

51400Open

Ring + Dots Combo Loader

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

Gel Blob Loader

Two gel-like blobs wobbling in a loading dance.

Equalizer Bars Loader · Mint Breeze

Five gradient bars pumping like an audio equalizer with staggered scaleY animation. Rendered in the Mint Breeze palette.

77000Open

Conic Ring Loader · Sunset Amber

A gradient conic ring spinner masked into a clean arc — no SVG, one element. Rendered in the Sunset Amber palette.

12610Open

Conic Ring Loader · Ultra Violet

A gradient conic ring spinner masked into a clean arc — no SVG, one element. Rendered in the Ultra Violet palette.

61410Open

Spinner with Text State

Spinner paired with loading text that swaps to success check.

Circular Loader Ring

Spinner ring with rotating gradient arc and smooth easing.

010Open

Dots Typing Loader

Three bouncing dots representing typing/loading with staggered animation.

010Open

Typing Dots Loader

Three bouncing dots suggesting typing with staggered motion.

Featured UI Elements⚛ TSX Live preview

Conic Ring Loader · Deep Indigo

A gradient conic ring spinner masked into a clean arc — no SVG, one element. Rendered in the Deep Indigo palette.

38510Open

Bouncing Dots Loader · Royal Gold

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

12510Open

Orb Morphing Loader

Liquid orb loader morphing shapes with gradient rotation.

Conic Ring Loader · Rose Gold

A gradient conic ring spinner masked into a clean arc — no SVG, one element. Rendered in the Rose Gold palette.

23210Open

Logo Shimmer Loader

Branded loader with a shimmer sweep across a logo mark.

Glow Ring Loader

Thick ring loader with pulsing glow and gradient arc.

Equalizer Bars Loader · Aurora Teal

Five gradient bars pumping like an audio equalizer with staggered scaleY animation. Rendered in the Aurora Teal palette.

25700Open

Conic Ring Loader · Ocean Sky

A gradient conic ring spinner masked into a clean arc — no SVG, one element. Rendered in the Ocean Sky palette.

15610Open

Bouncing Dots Loader · Candy Pink

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

45710Open

Conic Ring Loader · Mono Pearl

A gradient conic ring spinner masked into a clean arc — no SVG, one element. Rendered in the Mono Pearl palette.

45010Open

Conic Ring Loader · Cyber Lime

A gradient conic ring spinner masked into a clean arc — no SVG, one element. Rendered in the Cyber Lime palette.

23510Open

Bouncing Dots Loader · Sunset Amber

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

76710Open

Bouncing Dots Loader · Mint Breeze

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

45910Open

Bouncing Dots Loader · Ultra Violet

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

47510Open

Conic Ring Loader · Aurora Teal

A gradient conic ring spinner masked into a clean arc — no SVG, one element. Rendered in the Aurora Teal palette.

72310Open

Bouncing Dots Loader · Rose Gold

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

63110Open

Bouncing Dots Loader · Cyber Lime

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

36810Open

Loader Trio — Kit 5 · Grapefruit Alt

A self-contained, dependency-free UI element with smooth GPU-friendly transforms and a polished dark UI.

1.5k3.1k211Open

Featured UI Elements Live preview

Loader Trio — Kit 1 · Indigo Alt

A self-contained, dependency-free UI element with smooth hover choreography and a tactile, responsive feel.

1.2k11.7k109Open

Loader Trio — Kit 1 · Grapefruit Alt

A self-contained, dependency-free UI element with smooth eased transitions and a minimal dark look.

6742.8k1.9kOpen

Loader Trio — Kit 5 · Indigo Alt

A self-contained, dependency-free UI element with smooth cascading delays and a crisp dark aesthetic.

2948.7k1.3kOpen

Loader Trio — Kit 3 · Mint Alt

A self-contained, dependency-free UI element with smooth eased transitions and a minimal dark look.

3869.9k281Open

Loader Trio — Kit 1 · Coast Alt

A self-contained, dependency-free UI element with smooth GPU-friendly transforms and a crisp dark aesthetic.

1.5k12.6k1.7kOpen

Loader Trio — Kit 2 · Indigo Alt

A self-contained, dependency-free UI element with smooth GPU-friendly transforms and a studio-grade polish.

1.7k8.4k325Open

Loader Trio — Kit 4 · Copper Alt

A self-contained, dependency-free UI element with smooth GPU-friendly transforms and a minimal dark look.

2719k1.9kOpen

Loader Trio — Kit 3 · Onyx Alt

A self-contained, dependency-free UI element with smooth looping keyframes and a minimal dark look.

1.4k8.8k2kOpen

Loader Trio — Kit 2

A self-contained, dependency-free UI element with smooth GPU-friendly transforms and a studio-grade polish.