µL

Rango de 10 a 100 µL

HTML + CSSInputs

Micropipette volume input

Set the microlitres and the pipette's counter drums roll; aspirate and the plunger dips while the tip fills with that amount.

Settings

16px
1x

Code

<div class="uvq06-pp"><div class="pi" aria-hidden="true"><span class="pk"></span><span class="pb"><span class="wn"><span class="dr"><span><b>0</b><b>1</b><b>2</b><b>3</b><b>4</b><b>5</b><b>6</b><b>7</b><b>8</b><b>9</b></span></span><span class="dr"><span><b>0</b><b>1</b><b>2</b><b>3</b><b>4</b><b>5</b><b>6</b><b>7</b><b>8</b><b>9</b></span></span><span class="dr"><span><b>0</b><b>1</b><b>2</b><b>3</b><b>4</b><b>5</b><b>6</b><b>7</b><b>8</b><b>9</b></span></span></span><span class="ul">µL</span></span><span class="ej"></span><span class="tp"><i></i></span><span class="dq"></span></div><div class="sd"><label for="uvq06-pp-in" class="lb">Sample volume</label><div class="fd"><button type="button" class="st" data-s="-1" aria-label="Less volume">−</button><input id="uvq06-pp-in" type="number" inputmode="numeric" min="10" max="100" step="1"><span class="un">µL</span><button type="button" class="st" data-s="1" aria-label="More volume">+</button></div><button type="button" class="as">Aspirate</button><p class="ht" aria-live="polite">Range 10 to 100 µL</p></div></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.

Markdown version with all the code, for AI assistants

More in Inputs

See all Inputs

Where to use it

A volume field drawn as a laboratory micropipette. The number input and its plus and minus buttons drive three mechanical counter drums in the pipette window, each rolling with a small spring. Pressing Aspirate pushes the coloured plunger and fills the clear tip in proportion to the volume, and Dispense empties it with a falling drop.

The main color paints the plunger button and the second color the liquid, so you can match the colour codes used for each pipette size. Use it in lab software, science teaching and protocol builders, and change the range in the script for other pipettes.