Buttons

Tilted deck button

A button laid back in perspective like a key on a sloped deck, tipping further away and sliding down as it is hovered and pressed.

Using Tilted deck button

A button laid back in perspective like a key on a sloped deck, tipping further away and sliding down as it is hovered and 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: label, accent, tilt, shadow

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 code, framework versions and installation commands are available in the workbench above.

Connect your agent

Nearby

2068Tilted perspective buttonButtonsA rounded call-to-action that sits in permanent 3D perspective and rocks toward the pointer as it crosses the plate.

2254Tilted plinth call to actionButtonsA chunky call to action resting on a solid colored plinth, tilted slightly in space, that lifts off its base on hover and sinks under a press.

2574Arcade dome buttonButtonsA round pushbutton whose domed cap floats above a darker base and seats flush with a visible drop when pressed.

2708Bevel press pillButtonsA dark bevelled pill with a recessed round chip on its end that sinks into the surface when pressed.

1825Deep Slab ButtonButtonsA tall slab that floats above the page on a long diagonal shadow and sinks onto it when hovered, then slams flat on click.

2713Drifting mesh tiltButtonsA pill held at a slight three dimensional tilt while soft blooms of light drift beneath its surface, rocking between two poses while hovered or focused.