Arrastra y lanza
Glass marble with inertia
A marble on a cutting mat: drag and release to throw it, and the grid appears upside down inside the glass.
Settings
Code
<div class="uvq11-mar"><div class="mat" aria-hidden="true"><b style="left:5%">1</b><b style="left:10%">2</b><b style="left:15%">3</b><b style="left:20%">4</b><b style="left:25%">5</b><b style="left:30%">6</b><b style="left:35%">7</b><b style="left:40%">8</b><b style="left:45%">9</b><b style="left:50%">10</b><b style="left:55%">11</b><b style="left:60%">12</b><b style="left:65%">13</b><b style="left:70%">14</b><b style="left:75%">15</b><b style="left:80%">16</b><b style="left:85%">17</b><b style="left:90%">18</b><b style="left:95%">19</b></div><p class="hn">Drag and throw</p><i class="sh" aria-hidden="true"></i><button type="button" class="mb" aria-label="Glass marble: drag it or push it with the arrow keys"><span class="rf"><span class="cp"></span></span><span class="sw"></span><span class="gs"></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 glass marble rolling on a green cutting mat with grid lines, a protractor arc and a ruler. Inside the ball the mat is mirrored and magnified, the way a real sphere refracts what is behind it, and a red cat’s-eye ribbon spins as it rolls. The shadow carries a bright caustic spot where light focuses through the glass.
Throw it with a flick, tap the mat to nudge it towards that point, or push it with the arrow keys. It bounces off the edges and slows with friction. Use it as a playful hero, a 404 toy or a physics demo.