# empty-state × # placeholder

Components Live preview

Animated empty state

Friendly empty-state block with counter-rotating dashed orbit rings and a pulsing star, plus a CTA button.

28300Open

Floating Orb Empty State · Deep Indigo

A calming zero-state: drifting gradient orb with dashed orbit ring, empty copy and a soft CTA. Rendered in the Deep Indigo palette.

37800Open

UI Elements⚛ TSX Live preview

Floating Orb Empty State · Aurora Teal

A calming zero-state: drifting gradient orb with dashed orbit ring, empty copy and a soft CTA. Rendered in the Aurora Teal palette.

HTMLCSSReactAdvanced

71600Open

Floating Orb Empty State · Mono Pearl

A calming zero-state: drifting gradient orb with dashed orbit ring, empty copy and a soft CTA. Rendered in the Mono Pearl palette.

28900Open

Floating Orb Empty State · Ultra Violet

A calming zero-state: drifting gradient orb with dashed orbit ring, empty copy and a soft CTA. Rendered in the Ultra Violet palette.

10500Open

Floating Orb Empty State · Cyber Lime

A calming zero-state: drifting gradient orb with dashed orbit ring, empty copy and a soft CTA. Rendered in the Cyber Lime palette.

85400Open

Floating Orb Empty State · Sunset Amber

A calming zero-state: drifting gradient orb with dashed orbit ring, empty copy and a soft CTA. Rendered in the Sunset Amber palette.

39700Open

Floating Orb Empty State · Rose Gold

A calming zero-state: drifting gradient orb with dashed orbit ring, empty copy and a soft CTA. Rendered in the Rose Gold palette.

35300Open

Floating Orb Empty State · Ocean Sky

A calming zero-state: drifting gradient orb with dashed orbit ring, empty copy and a soft CTA. Rendered in the Ocean Sky palette.