Gear lever tabs
Car console sections chosen by sliding a chrome knob along a gate, with an amber screen that flickers on every change.
Settings
Code
<div class="uvq12-gg"><div class="sc"><div class="pn" role="tabpanel" id="uvq12-gg-p0" aria-labelledby="uvq12-gg-t0"><b>Map</b><span>North Station · 12 min</span></div><div class="pn" role="tabpanel" id="uvq12-gg-p1" aria-labelledby="uvq12-gg-t1" hidden><b>Audio</b><span>Radio 3 · Jazz</span></div><div class="pn" role="tabpanel" id="uvq12-gg-p2" aria-labelledby="uvq12-gg-t2" hidden><b>Climate</b><span>21.5 °C · 2 zones</span></div><div class="pn" role="tabpanel" id="uvq12-gg-p3" aria-labelledby="uvq12-gg-t3" hidden><b>Vehicle</b><span>Range 412 km</span></div></div><div class="gt" role="tablist" aria-label="Console"><span class="sl" aria-hidden="true"></span><span class="kn" aria-hidden="true"></span><button type="button" role="tab" id="uvq12-gg-t0" aria-selected="true" aria-controls="uvq12-gg-p0" tabindex="0" aria-label="Map"><b aria-hidden="true">M</b></button><button type="button" role="tab" id="uvq12-gg-t1" aria-selected="false" aria-controls="uvq12-gg-p1" tabindex="-1" aria-label="Audio"><b aria-hidden="true">A</b></button><button type="button" role="tab" id="uvq12-gg-t2" aria-selected="false" aria-controls="uvq12-gg-p2" tabindex="-1" aria-label="Climate"><b aria-hidden="true">C</b></button><button type="button" role="tab" id="uvq12-gg-t3" aria-selected="false" aria-controls="uvq12-gg-p3" tabindex="-1" aria-label="Vehicle"><b aria-hidden="true">V</b></button></div><small>Console</small></div>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 Navigation
See all NavigationWhere to use it
These tabs borrow the gear selector of an automatic car: a chrome knob slides along a dark slot and lands under the letter you pick, while a small amber screen flickers and shows the section. It is plain HTML and CSS with a short script for dragging, and it fits car apps, smart home panels and dashboards with a hardware feel.
Change the main color to switch the glow from amber to ice blue or red, and the secondary color to tint the console. Keep the letters to one character and put the full names inside the screen.