HTML-in-Canvas Demos
Source: Hacker News
This is a collection of resources to help developers build with HTML‑in‑Canvas.
Check out the HTML‑in‑Canvas demo deployed at or view the source code on GitHub: .
HTML-in-Canvas demos by the ecosystem
A curated list of awesome HTML‑in‑Canvas demos created by the community. These demos are contributed by third‑party developers and are not created or maintained by Google. See the contribution guidelines to suggest another demo.
| Demo | Description | Author | Source code |
|---|---|---|---|
| Duck Hunt TODO | A form that’s also a shooting game | Wes Bos | Source |
| Wobble Buttons | Interactive ripple‑effect buttons | Wes Bos | Source |
| Compiz Web | Shader‑driven web page transitions demo | Max Leiter | Source |
| HTML cloth | Customize a form on a hanging cloth inside a game | Thomas Richter‑Trummer | Source |
More demos coming soon…
Framework Support
Frameworks that have added support for HTML‑in‑Canvas, along with documentation and sample code.
| Framework | Description | Documentation | Sample Code |
|---|---|---|---|
| Three.js | JavaScript library for creating and displaying animated 3D graphics with WebGL & WebGPU | HTMLTexture | Sample |
| PlayCanvas | Open‑source engine and tools for building 3D experiences | html‑texture | Sample |
Disclaimer
Important note on external content: The demos linked in the HTML‑in‑Canvas demos by the ecosystem section are created by third‑party developers and are not created, maintained, or supported by Google. Please be aware of the following:
- No endorsement: Inclusion of these links does not constitute an endorsement or recommendation by Google.
- Subject to change: Content, functionality, and availability are at the sole discretion of the third‑party owners and may change or be removed without notice.
- No liability: Google assumes no responsibility or liability for the accuracy, legality, or performance of these demos.