About this component

A card that appears as a slowly undulating blob of hot, glowing glass. Content is suspended within like inclusions in amber. Hover 'cools' the area slightly, freezing that section into clear, sharp glass. Clicking 'reheats' the card, causing a wave of molten motion that rearranges the blob's shape. The glass emits a soft, warm orange glow at the edges.

Difficulty

Expert

Style

Apple Liquid Glass

Frameworks

HTML/CSS, Tailwind, React, Vue, Angular, Svelte, LWC

Embed this component

Paste this snippet into any site — the design renders in a sandboxed iframe served from /embed/molten-glass-blob-card.