Buttons

Glitch slice button

A ghost button whose label tears into horizontal slices that jump apart with split colour fringes while a thin frame lights up around it.

Using Glitch slice button

A ghost button whose label tears into horizontal slices that jump apart with split colour fringes while a thin frame lights up around it.

Try the live preview with a pointer and keyboard, then check focus visibility and the narrow layout in your own page. Use the plate number or slug when asking your coding agent to fetch this component.

Props: label, accent, runMs, slices, autoPlay

Which frameworks are available?

The catalog lists these versions: react, vue, svelte, astro, html. The live preview on this page runs React.

How do I access the implementation?

The preview and component description are public. Sign in with an authorized account to open the code, framework versions and installation panel.

Connect your agent

Nearby

1638Intent button setButtonsA complete button family in one file: solid, soft, outline, ghost, link and danger weights across four sizes, with icon slots, a busy state and a real focus ring.

1984Invert Fill ButtonButtonsA small outlined button that fills solid on hover while its label crosses to the opposite value, trading foreground and background cleanly.

2632Nudging chevron buttonButtonsA quiet accent-tinted button whose chevron mark waits in negative space, then slides in on hover and shoves the label sideways while the palette cools to neutrals.

1646Press spring buttonButtonsA base button family in six skins and four sizes whose press compresses on a spring and overshoots back, identically for pointer and keyboard.

1879Rising Fill ButtonButtonsA hollow bordered button that fills with color from the bottom edge upward, like liquid rising, when you hover or focus it.

1758Underglow glitch buttonButtonsA dark inset slab with a glowing word that tears a hidden glyph into view and lifts a bar of light from beneath its lower edge.