Buttons

Brushed metal knob

A round machined dial with a brushed radial finish and an engraved label that slowly turns a quarter revolution while hovered.

Output level 64%. Press the dial to step it.

Using Brushed metal knob

A round machined dial with a brushed radial finish and an engraved label that slowly turns a quarter revolution while hovered.

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, size, turn, spinSeconds, accent, grooves

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

2545Plane tilt send buttonButtonsA dished send control whose paper plane tips up on hover and flies out of frame on click before the label resets.

2721Polished metal buttonButtonsA button finished like brushed metal, with a banded highlight that zooms and catches the light as the pointer arrives.

2568Quarter Turn Add ButtonButtonsA circled plus that turns a quarter revolution and floods solid when pointed at, then flips instantly to a light stroke while held.

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.

2488Travelling knob follow buttonButtonsAn outlined pill whose round knob rolls to the far end on hover, painting an accent track behind it and sliding a follower count into view; clicking keeps the followed state and bumps the count.

1661Two face flip buttonButtonsA button with two stacked faces that rotate past each other in 3D on hover, the front tipping away toward a chosen edge while the back swings in to take its place.