3,0°Nivelado
Glass spirit level
A builder’s level with a glass vial: tilt it by dragging or with the arrow keys and the bubble springs across.
Settings
Code
<div class="uvq11-lvl"><div class="lv" role="slider" tabindex="0" aria-label="Tilt" aria-valuemin="-12" aria-valuemax="12" aria-valuenow="3" aria-valuetext="3,0°"><i class="cap l"></i><span class="br">60 cm</span><span class="wd"><span class="vi"><i class="mk"></i><i class="bu"></i></span></span><i class="cap r"></i></div><p class="ro"><b>3,0°</b><span class="ok"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12.5l4.5 4.5L19 7.5"/></svg>Level</span></p></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 Liquid Glass
See all Liquid GlassWhere to use it
A yellow aluminium spirit level with a realistic glass vial: lime liquid, highlights along the tube, two reference lines and an air bubble with a dark refraction rim. The bubble moves with spring physics towards the high side, and a readout shows the angle with a check when it is level. It suits tools, calibration screens and playful sliders.
Use the vial color for the liquid and the body color for the tool itself. It behaves as an accessible slider from minus twelve to twelve degrees, so keyboards, screen readers and touch drags all work.