Create Account

Usage Analytics

API Calls (35%)
Storage (20%)
Compute (20%)
Bandwidth (15%)
Other (10%)

Live Animations

HTML in Canvas

Real CSS animations running in WebXR

Documentation

The HTML-in-Canvas API lets you render live, interactive HTML directly into canvas contexts — 2D, WebGL, and WebGPU.

Every element is a real DOM node with full CSS support: pseudo-classes like :hover, animations, transitions, and layout.

WebGL WebGPU Canvas 2D WebXR Three.js

Text selection, caret rendering, scrolling — all work natively because the content IS HTML, not a screenshot of it.

The polyfill uses SVG foreignObject rasterization to bring the API to all browsers today. When native support lands, the polyfill steps aside automatically.

Works with Three.js, React Three Fiber, and vanilla WebGL/WebGPU. No framework lock-in.

Try scrolling this panel with the VR controller trigger.