VectoJS Renders UI to Canvas Without Sacrificing Accessibility

VectoJS is a new open-source TypeScript UI framework that renders entire applications to a single canvas element, bypassing the traditional HTML DOM tree used by frameworks like React and Svelte. Instead of HTML elements, the UI is built from TypeScript objects with positions, sizes, and render methods, drawn each frame like a game engine scene. To address the well-known accessibility gap of canvas-based UIs, VectoJS projects invisible real DOM nodes — such as buttons and inputs — precisely over interactive canvas elements, keeping them in sync every frame so screen readers and keyboard navigation work natively. Non-interactive elements like particles and data points carry no DOM overhead, making the framework suited for high-performance workloads such as node-graph editors, particle fields, and real-time text reflow. The project is open source and includes live demos showcasing its capabilities with WebGL and WebGPU rendering backends.