# overlay

Featured Components Live preview

Spring Modal Dialog · Candy Pink

A confirmation modal that springs in over a blurred overlay and closes on backdrop or Esc. Rendered in the Candy Pink palette.

14300Open

Spring Modal Dialog · Royal Gold

A confirmation modal that springs in over a blurred overlay and closes on backdrop or Esc. Rendered in the Royal Gold palette.

59100Open

Spring Modal Dialog · Crimson Heat

A confirmation modal that springs in over a blurred overlay and closes on backdrop or Esc. Rendered in the Crimson Heat palette.

78700Open

Spring Modal Dialog · Deep Indigo

A confirmation modal that springs in over a blurred overlay and closes on backdrop or Esc. Rendered in the Deep Indigo palette.

25800Open

Spring Modal Dialog · Aurora Teal

A confirmation modal that springs in over a blurred overlay and closes on backdrop or Esc. Rendered in the Aurora Teal palette.

85200Open

Spring Modal Dialog · Mono Pearl

A confirmation modal that springs in over a blurred overlay and closes on backdrop or Esc. Rendered in the Mono Pearl palette.

26900Open

Spring Modal Dialog · Ultra Violet

A confirmation modal that springs in over a blurred overlay and closes on backdrop or Esc. Rendered in the Ultra Violet palette.

74900Open

Spring Modal Dialog · Cyber Lime

A confirmation modal that springs in over a blurred overlay and closes on backdrop or Esc. Rendered in the Cyber Lime palette.

83400Open

Loading Overlay State

Full-screen loading overlay with spinner, progress and shimmer text.

HTMLCSSSimple

000Open

Components⚛ TSX Live preview

Focus-Trapped Settings Modal

Accessible settings modal with focus trap, esc-to-close, backdrop blur and segmented controls.

HTMLCSSJavaScriptAdvanced

000Open