css-web-ui-demos/html-in-canvas/awesome-html-in-canvas.md at main · GoogleChromeLabs/css-web-ui-demos

This is a collection of resources to help developers build with HTML-in-Canvas. Check out the HTML-in-canvas deployed at chrome.dev or view the source code here. HTML-in-Canvas demos by the ecosystem This is a curated list of links to awesome HTML-in-canvas demos created by the ecosystem. Note that the demos featured here are contributed by third-party developers and are not created or maintained by Google. Read 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 This is a list of frameworks that have added support for HTML-in-Canvas along with the documentation

Framework Description Documentation Sample Code

Three.js JavaScript library used to create and display animated 3D computer graphics with WebGL & WebGPU HTMLTexture Sample

PlayCanvas Open source engine and tools for building amazing 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.