Buttons

Magnetic dust button

A pill button surrounded by loose specks of dust that rush into its center on hover and drift back out to their own resting spots when released.

Using Magnetic dust button

A pill button surrounded by loose specks of dust that rush into its center on hover and drift back out to their own resting spots when released.

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, speckCount, spread, pull

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

2580Overshoot icon buttonButtonsA pale pill with a large illustrated glyph parked in its left end that tugs outward past the rim and springs back on hover or focus.

2025Rotating backer buttonButtonsA dark plate with a tinted panel hidden just behind it that spins a half turn on hover while the light spilling past its edges spreads wider.

1650Share target swap buttonButtonsA compact share button that keeps one footprint and swaps its label for a staggered row of destination glyphs on hover or focus.

1654Spring press buttonButtonsA plain button that grows a little under the pointer and dips while held, both on a short spring, with the two scales and the spring stiffness exposed as knobs.

2486Spring reveal buttonButtonsA playful capsule with a spinning token at its left; on hover the token collapses and an oversized shape springs up from below, rocking as it lands.

2707Amber upload pillButtonsA warm gradient upload pill with a bright rim that widens its coloured cast and lights the label from behind on hover.