Skip to main content
V3Code’s web builder is an open-source, local, agent-driven design platform. Instead of starting every site or UI from a blank file, you start from a library of hundreds of high-end designs, make them yours by setting your colors and tokens, and hand the build to an agent.

​
Where the designs come from

The builder is a fork of Open Design, packaged into a design repo the agent pulls from and served in webviews inside V3Code’s own browser. It ships hundreds of designs — full websites, decks, prototypes — spanning first-party/official templates and community submissions. You browse and curate them in Discover, then build the ones you like.

​
Make it yours: tokens first

Pick a design, then set the palette. A theme editor exposes your design tokens as editable swatches — app background, surfaces, borders, foreground/muted/dim text, and the accent — with a live side-by-side so you can compare, say, “Current” against a “Proposed Darker” variant before committing. Representative tokens:
TokenRole
--bgApp background
--surface, --surface-2, --surface-3Panels/sidebar, inputs/cards, hover/overlays
--border, --border-2Dividers, focus ring
--fg, --fg-muted, --fg-dimPrimary / secondary / placeholder text
--accentAccent
It’s the “choose your colors” step you’d expect from a modern tool — you set the system, the design conforms to it.

​
Any agent builds it

Once you’ve picked a design and set your tokens, an agent builds it out — the same agent stack that powers the rest of V3Code, served through the editor and the built-in browser. This ties into Design mode, which loads the design skill so output stays on-system.