Buttons

Ticker swap button

A pill button whose label is replaced on hover by an endless ticker of the same word running sideways across its face.

Using Ticker swap button

A pill button whose label is replaced on hover by an endless ticker of the same word running sideways across its face.

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, speed, gap, radius

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

2658Bouncing dot action buttonButtonsA dark accent-toned button with a small dot parked by its right edge that hops while the block brightens and casts a soft glow on hover or keyboard focus.

1632Dot flood buttonButtonsAn outlined pill with a small dot beside its label; hovering grows the dot until it floods the whole button and the label swaps to its inverted twin.

2661Flat to flow buttonButtonsA flat solid button that swaps to a wide two-tone band scrolling endlessly across its face while hovered or focused.

1858Flying send buttonButtonsA send button whose paper-plane glyph tilts, bobs and flies across the face while the label slides away behind it.

2525Looping flight send buttonButtonsA card-like send button that lifts off its shadow on hover while its paper plane loops up and away and returns, and squashes flat when clicked.

2209Printing icon buttonButtonsA tiny line-drawn printer that only starts feeding and ejecting a sheet while the pointer is over it.