Buttons

Arcade plate button

A wide game-menu button with a grey outlined plate, an inset dark bevel and stamped lettering that brightens on hover and darkens while held down.

Using Arcade plate button

A wide game-menu button with a grey outlined plate, an inset dark bevel and stamped lettering that brightens on hover and darkens while held down.

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, plate, ink, bevel, width

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

2674Bevel frame buttonButtonsA square framed button whose two ends bevel into points on hover, turning the rectangle into a six sided badge.

2303Bevel swap buttonButtonsA pale slab whose lit and shaded border sides trade corners on hover while a fan of fading offset copies stamps out behind it.

1861Gradient Rim ButtonButtonsA button built as two stacked layers so a two-pixel shaded rim frames a slightly darker face, with a game-pad glyph.

2624Molded bevel buttonButtonsA hard-cornered slab button with four inset bevel bands, a blur-free offset shadow, and a press that drops it flush onto the surface.

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

2709Border trace buttonButtonsA quiet translucent button whose four edges draw themselves in sequence on hover while a soft band of light crosses the face.