html in canvas lab
A free canvas demo — play it in your browser, no install. Original demos and practical walkthroughs for the experimental HTML-in-Canvas API
Vote and save it — free account with email or sign in with GitHub
Made this, @pablodcruz? See how many people played it → or use email
📅 Three new games every day, no account needed · Play today’s three →
Best with a keyboard. Controls: Arrow keys
GitHub may ask you to sign in, then to let VibeCruiser “Verify your GitHub identity” and “Act on your behalf”. We only read your profile and email, and never post anything.
No account needed to save ♥ or react 🔥: they’re under the game. Or vote with email.
Open the live demo Source on GitHubFrom the README
An original, interactive field guide to the experimental HTML-in-Canvas API.
The lab makes the API’s central idea tangible: render semantic DOM into Canvas 2D, WebGL, or WebGPU without giving up browser-native behavior. The experience is deliberately progressive—every demo remains useful when the experimental API is unavailable.
drawElementImage(), with a semantic DOM fallback.
primitive, layout behavior, and preserved browser integration.
Implementation details are in docs/getting-started.md.
This repository contains original demos and presentation.
Built something like this? Submit your vibe — free account, takes a minute. How listing works.
More like this
FractalsWithWebGL
In this project, I wrote a shader-based WebGL program which will generate Sierpinski carpet. Sierpinski carpet is a fractal that consists of…
eva.js
Eva.js is a front-end game engine specifically for creating interactive game projects.
DuckHunt JS
DuckHunt ported to JS and HTML5. This is an implementation of DuckHunt in Javascript and HTML5. It uses the PixiJS rendering engine, Green Sock…
textmode.js
textmode.js is a lightweight creative coding library for creating real-time ASCII art on the web.
JS ParticleSystem
Gravity Simulation (Galaxy Birth) in real time, N-Body and 1-Body
fluid
Dependency-free WebGL studio for generative backgrounds and live embeds.
Made this?
Claim it: create a free account, then press CLAIM THIS in the cruiser. Put the badge below in your README or on your demo page first; that link is how we know it's yours.
Your project is on the cruise, loaded live from your own site. Put the badge in your README or on the demo page: it shows your live play count, it links back to this page, and everyone who lands here is one click from running the real thing.
