Kbd

A key with two pixels of implied depth under it. Pass `glyph` for `⌘`, `⇧` and `↵`.

Keyboard key hint styled with the ai2 mono font and surface tokens. Use for shortcuts and command hints.

Used to display textual user input from keyboard.

Interactive text that subtly compresses or stretches characters based on cursor proximity.

Dot-based waves ripple outward in symmetry, creating a subtle, motion-driven background layer

Dynamic motion background for hero sections and modern layouts.

Layered text effect with offset shadows, customizable styling, and animations.

A vertically stacked set of interactive headings that each reveal a section of content.

Interactive button with spotlight effect that follows mouse cursor and highlights borders on hover.

An interactive card with a drift hover effect that visually highlights content.

Animated versatile loader with different variants, customizable size and content.