Pulsa una etiqueta para despegarla

    HTML + CSSInputs

    Embossed label maker input

    Type on the tiny screen, press print and a plastic strip with raised letters feeds out, ready to be peeled off.

    Settings

    16px
    1x

    Code

    <form class="uvq06-lt"><div class="dv"><span class="br" aria-hidden="true">LT-27</span><div class="lcd"><label for="uvq06-lt-in" class="sr">Label text</label><input id="uvq06-lt-in" maxlength="14" autocomplete="off" spellcheck="false" placeholder="Label text"></div><button type="submit" class="pr">Print</button><span class="sl" aria-hidden="true"></span></div><ul class="tp"></ul><p class="ht">Tap a label to peel it off</p></form>

    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 text input inside a handheld label maker: a green LCD window, a round rubber print button and a slot for the tape. Each label comes out in stepped jerks like a real motor feeding plastic, with white embossed letters and angled cut ends. Labels tilt slightly at random, pile up three at a time and peel away when you tap them.

    The main color is the tape and the second color the body, so red on slate, black on yellow or blue on white are one change away. Use it for tags, folder names, inventory apps or a playful way to collect a nickname.