Glass door with etched lettering
The café name etched into the door glass, with a glare that follows the cursor; tap the door and it swings open.
Settings
Code
<div class="uvq11-etch"><button type="button" class="dr" aria-pressed="false" aria-label="Open the café door"><span class="pane"><span class="et"><b>Café Norte</b><small>since 1962</small></span><span class="gl"></span></span><span class="hdl"></span><span class="tag"><span>Open</span></span></button></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 café door in painted wood with a large glass pane and its name acid-etched in italic serif. The letters are filled with a blurred, whitened copy of the interior through background-clip, aligned to the scene behind, so they read as frosted glass rather than paint. A soft glare slides across the pane with the pointer.
Type your own shop name and repaint the frame and the warm lamps. The whole door is a toggle button that swings open in perspective, and the hanging sign sways each time. Ideal for restaurant, café and boutique websites.