Tool Open source
gpuix-svelte is an experimental Svelte custom renderer for GPUI, Zed's GPU-accelerated UI framework, distributed through @gpuix/native. It renders ordinary Svelte components into native desktop windows without a web view, while retaining Svelte component syntax, reactive state, scoped styles, and hot reload. The project includes demos for a counter, tic-tac-toe, Hacker News, and a liquid-glass control center, plus a browser target that renders the same components into a WebGPU canvas through GPUI's WebAssembly build.
Its styling layer parses supported inline styles and class rules into GPUI's layout and paint properties rather than using a browser CSS engine. Supported behavior includes flex and grid layout, logical-pixel sizing, colors, typography, scrolling, hover and active states, CSS variables, portals, anchored overlays, keyboard and focus helpers, and custom components such as Scroller. The package also provides headless testing utilities that exercise GPUI's rendering, hit testing, input, and event pipeline.
The repository is work in progress and requires an unreleased Svelte custom-renderer build bundled with the package. It supports Node.js and Bun, includes prebuilt native binaries, can compile examples into standalone executables for macOS, Linux, and Windows, and is licensed under MIT.
1 use taken from transcripts — each links to the moment in the video.
A framework for building GPU-rendered desktop interfaces with ordinary Svelte components instead of a web view. It retains familiar component syntax, reactive state, scoped styles, and hot reload while targeting the GPUUI native framework.
1 in the library.