A button with a light sweep that glides across on hover.

A button whose gradient shifts across on hover.

A button with a pulsing halo to draw attention (e.g. 'Live').

A button that's magnetically pulled toward the cursor on hover.

A button that emits a material-style ripple from the click point.

A button with an animated rainbow gradient and matching glow.

A card with a radial spotlight that tracks the cursor.

A card that tilts in 3D toward the cursor.

A dark card that reveals a spotlight under the cursor.

A perspective card that rotates toward the cursor in 3D.

A stack of cards that auto-cycles the front card to the back.

Text with an animated gradient that slides horizontally.

Cycles through words with a typewriter effect and blinking caret.

Text with a shimmer that sweeps across.

Rotates through words with a vertical slide + fade.

Flips through words letter-by-letter with a blur-in reveal.

Text surrounded by twinkling sparkles.

A grid-lined backdrop with a radial fade toward the edges.

Soft, slowly-drifting aurora blobs behind your content.

A dotted-grid background with a soft radial fade.

A synthwave perspective grid scrolling toward the horizon.

A beam of light that travels around a container's border.

A shower of meteors streaking across the container.

A field of twinkling sparkles as a decorative layer.

A number that springs to its target when scrolled into view.

Fades and un-blurs its children up into place when scrolled in.

An infinite scrolling row (or column) of content.

A macOS-style terminal window that types its lines out.

Places children on circular orbits around a center.

A top bar that fills as the page is scrolled.

Translates its children as they scroll through the viewport.

An image that zooms within a fixed frame on hover.

A card with a glossy glare that follows the cursor.

A minimal rotating ring spinner.

Three dots that bounce in sequence.

A text input whose label floats up when focused or filled.

A segmented one-time-password input with auto-advance.