HTML in Canvas — Demos

• Editable Card — A trading card whose every field is editable; you type right on the canvas-rendered card and can save it as an image.
• 3D Foil Card — A 3D card with an iridescent foil (thin-film) shader that shifts color by angle; the text stays editable.
• Cyber UI — A cyberpunk-style UI; clicking a button sends a shockwave distortion and particles across it.
• Text Sunk Underwater — Text rippling as if submerged, distorted by a shader; selection, copy, and translation all keep working.
• Particles Rising from Text — Particles drift gently upward, tracing the shapes of the letters.
• Liquid Dripping from Text — A viscous liquid drips down from part of the text, rendered as metaballs.
• Glitch Across the Whole Page — Intermittent glitch over the entire page; it keeps covering everything as you scroll, and links stay functional.
• Zoom Blur Focused on a Button — Move the pointer near the CTA button and only the background blurs while the button stays sharp.
• Page-Curl Transition — Click a button and the screen switches with a paper page-curl transition.
• Retro-Game-Style Dialog — Open the dialog with a button and it appears with a retro-game-style horizontal distortion.
• Page Behind Cracking Glass — Click the modal backdrop to crack the glass; the cracks accumulate until it shatters and closes.
• 3D Objects Within Prose — 3D models follow along scrolling prose and cast shadows onto the text.
• HTML Page on a Monitor in a 3D Scene — A 90s homepage shown on an old PC monitor in a 3D scene; even the BBS form stays interactive.