Engine start button
A car start button with an aluminium bezel: the light ring fills up on start and the button shakes like an engine.
Settings
Code
<button class="uvq01-eng" type="button" aria-label="Start" aria-pressed="false"><span class="led" aria-hidden="true"></span><span class="cap" aria-hidden="true"><span class="sm">Engine</span><span class="w"><span class="a">Start</span><span class="b">Turn off</span></span><span class="sm">Start · Stop</span></span></button>Prompt for AI
Paste it into ChatGPT, Claude or Cursor and it will adapt the block to your project with these settings, even if you don’t use React.
More in Buttons
See all ButtonsWhere to use it
Push-button ignition is a small ritual in modern cars, and this toggle recreates it: a brushed aluminium bezel, a glossy black cap with the label and a thin LED ring around it. On start the ring sweeps all the way round, the cap rumbles for a moment and a soft glow keeps breathing while it is on. It suits car brands, smart home and power toggles.
The main color is the light ring, red by default, and the secondary color tints the metal, from cool silver to warm titanium. The state is exposed with aria-pressed, so assistive tech knows whether the engine is running.