Fieldbook
Sign in

Buttons

Bouncing download button

A compact dark download chip that bounces gently on its own to draw the eye, goes still the moment a pointer or keyboard focus reaches it, and swaps its arrow with a dip when pressed.

Using Bouncing download button

A compact dark download chip that bounces gently on its own to draw the eye, goes still the moment a pointer or keyboard focus reaches it, and swaps its arrow with a dip when pressed.

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: accent, bounceHeight, period, showLabel

Which frameworks are available?

The catalog lists these versions: react. 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

Bouncing dot action button
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.
Download tray pulse button
2339Download tray pulse buttonButtonsA rounded action pill with a small tray mark on its leading edge, where an arrowhead drops through the tray on a loop while the pointer rests on it.
Pulse halo button
1648Pulse halo buttonButtonsA solid button that keeps emitting a soft halo of its own color, either breathing in place or throwing off expanding rings on a loop.
Dot matrix arrow button
2527Dot matrix arrow buttonButtonsA button drawn as rows of dots stepped into a rightward arrowhead that glides sideways and back in a slow loop while hovered or focused and compresses toward its point when pressed.
Download Sweep Progress
2491Download Sweep ProgressButtonsA download button where the icon panel expands over the label on hover, then runs a real progress fill and settles on a done state after the click.
Download tooltip button
2697Download tooltip buttonButtonsA square icon button whose download arrow nudges downward and takes the accent color while a file-size caption unfolds beneath it.