Real DOM. Fragment shader on top.

Pick a Source (live form, article, or CSS-painted scene) and a Shader below. drawElementImage() captures the DOM every frame; a fragment shader renders on top of it. The Controls source is fully interactive — type, Tab, hover — through the shader.

Live HTML · shaded in real time

Hello, Shaders

--:--:--
Type · Tab · Hover -- fps
edits apply instantly