Reeded glass sliding panel
A fluted glass panel that splits the living room into mirrored strips; slide it by the handle and it glides to a stop.
Settings
Code
<div class="uvq11-reed" style="--px:2em"><div class="sc" aria-hidden="true"></div><div class="pn"><div class="fl" aria-hidden="true"><span style="--i:0"><i></i></span><span style="--i:1"><i></i></span><span style="--i:2"><i></i></span><span style="--i:3"><i></i></span><span style="--i:4"><i></i></span><span style="--i:5"><i></i></span><span style="--i:6"><i></i></span><span style="--i:7"><i></i></span><span style="--i:8"><i></i></span><span style="--i:9"><i></i></span><span style="--i:10"><i></i></span><span style="--i:11"><i></i></span><span style="--i:12"><i></i></span><span style="--i:13"><i></i></span><span style="--i:14"><i></i></span><span style="--i:15"><i></i></span><span style="--i:16"><i></i></span><span style="--i:17"><i></i></span><span style="--i:18"><i></i></span><span style="--i:19"><i></i></span></div><span class="fr" aria-hidden="true"></span><span class="hd" role="slider" tabindex="0" aria-label="Glass screen" aria-valuemin="0" aria-valuemax="100" aria-valuenow="20" aria-valuetext="20 %"></span></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.
More in Liquid Glass
See all Liquid GlassWhere to use it
Fluted glass, the interior trend of the moment, rebuilt in CSS. The panel is made of twenty narrow strips, each holding a copy of the room squeezed and flipped around its own center, so lamps and plants break into ribbons exactly like reeded glass. A repeating highlight gives every flute its rounded shine.
Drag the panel or use the handle as a slider with the arrow keys; released with speed, it keeps gliding and bounces softly at the ends. Change the flute compression and the lamp and plant colors for interior, hotel or architecture sites.