berkantay/gpucanvas
Put thousands of live DOM nodes on an infinite canvas: the GPU draws them, an editor selects, moves and resizes them, shaders and transitions run on them, and an AI agent can read them and point at them.
From the publisher
README & documentation
Source previewRead the project’s overview, installation instructions and usage examples. The original README is the source of truth.
Put thousands of live DOM nodes on an infinite canvas: the GPU draws them, an editor selects, moves and resizes them, shaders and transitions run on them, and an AI agent can read them and point at them. The same session on both sides: 5,000 live React screens, the same camera path, a message typed and sent. Left, every screen is plain DOM under a CSS transform. Right, gpucanvas. Recorded in Chrome on a MacBook Pro; the frame rates are measured live in each run. Run it yourself in the live demo. pass. Pan and zoom never touch the DOM, and clicks, typing and state still reach the real elements. or React component. Move and resize with snapping guides. shockwaves, glitch, VHS, or your own. filmstrip of its history. image of any region, for an AI agent to read and point at. GPU, while both stay live. follow the camera.…
Read the full README ↗ · Preview checked 2026-11-14T14:20:52.728Z
Inside the original README — Document outline
- gpucanvas
- Try it
- Editing
- Shader effects
- Snapshots
- Agent view
- Transitions
- Marks
- Run the demo
- Releases
- How it works
- Measured (M-series Mac, Chrome 157, 1600 x 900 window, DPR 1)
Headings are captured from the source. Links open the publisher’s document, not a locally hosted copy.
Documentation belongs to its respective authors. Reported project/model license: MIT. A listing is not a grant of reuse or training rights. Confirm the document’s own terms at the source.
What this repository does
Put thousands of live DOM nodes on an infinite canvas: the GPU draws them, an editor selects, moves and resizes them, shaders and transitions run on them, and an AI agent can read them and point at them.
Repository facts
- Owner
- berkantay
- Primary language
- TypeScript
- Stars
- 298
- Forks
- 21
- Open issues + pull requests
- 0
- License
- MIT
- Archived
- No
- Default branch
- main
- Created
- 2026-11-12T23:19:42.000Z
- Last push
- 2026-11-14T11:36:06.000Z
Topics and intended use
Owner-supplied topics: ai-agents, canvas, design-tools, editor, html-in-canvas, infinite-canvas, react, shaders, transitions, typescript, webgpu, wgsl
Review the README for scope, installation, examples and limitations. We do not run repository code or certify it.
Evaluate before installing
Review licensing and dependencies, inspect recent commits and unresolved issues, and test in an isolated environment before production use. Stars and forks alone cannot answer these questions.
Source and freshness
Source: GitHub. Metadata observed 2026-11-14T12:24:55.365Z. Daily imports are snapshots, not real-time monitoring.
Popularity and source listings do not establish security, suitability, licensing rights or benchmark performance.