# Class: HTMLSource
**`Experimental`** **`Advanced`**
A texture source backed by the experimental HTML-in-Canvas browser APIs. It renders a live
DOM [Element](https://developer.mozilla.org/docs/Web/API/Element) into a texture you can use anywhere a normal texture works: on a
[Sprite](scene.Sprite.html.md), as a [Texture](rendering.Texture.html.md) frame, in a mesh, and so on.
The element keeps its native browser behavior while it is rendered: forms stay editable,
links stay clickable, and CSS animations keep running. PixiJS just mirrors its pixels into
the GPU each time the browser repaints it.
The source resource must be a direct child of the renderer's ``
element. For an immutable, transferable copy that never repaints, use
[ElementImageSource](rendering.ElementImageSource.html.md) instead.
> [!NOTE]
> This relies on an experimental browser proposal and requires the HTML-in-Canvas API to be
> enabled; without it the texture uploader throws on first render. A generic HTML element
> passed to `Texture.from` resolves to an `HTMLSource` only as a last resort (it has the
> lowest texture-source priority); construct it explicitly when you need options or
> non-HTML elements such as SVG.
## Examples
```ts
import { Application, Sprite } from 'pixi.js';
import { HTMLSource } from 'pixi.js/html-source';
const app = new Application();
await app.init({ resizeTo: window });
document.body.appendChild(app.canvas);
// The element must be a direct child of the Pixi canvas.
const form = document.createElement('form');
form.innerHTML = '