Design the screen. Own the contract.
The Builder is a self-hosted visual editor for your Blueprint contracts. Drag atoms onto the canvas — or describe a screen and let AI draft one — validate every prop as you go, preview on your own design system, then export a portable JSON contract you own outright.
Every prop is a validated control.
Select any node and the inspector gives you exactly the controls it allows — typed, validated, and impossible to fill in wrong.
country = IT.
Describe it. Get a screen you can trust.
Write what the screen should be, in plain English. The copilot drafts the contract, validates it against the frozen schema, and mounts it on the canvas — where you refine it like anything else.
only for businesses into a real visibility rule.Fast to build. Impossible to break.
A closed atom catalog
A curated set of 40 atoms — enough to compose real screens, small enough to stay consistent.
Validation built in
Schema and rules are enforced as you edit — the Builder won’t let you export something broken.
Your design system
The same contract renders on Tailwind or MUI — the Builder previews it with your tokens.
i18n, access & visibility
Labels, locales, RBAC and conditional visibility live in the contract, not in scattered code.
A visual builder whose output you actually own.
Retool, Builder.io and Plasmic keep what you build. The Builder does the opposite: it hands you a portable JSON contract to run on a runtime you host. The editor is where you work — the artifact is yours.
Where the abstraction ends, real code begins.
The escape hatch
Anything the catalog doesn’t cover, drop in as real, typed React — forms, slots, customNodes. The wall always has a door.
Semantic inspector
Annotate entities and typed slots so the data is born structured and classified — the basis for a GDPR Art. 30 register.
Everything is a file
Contracts are JSON in your version control — diff them, review them, and roll them back like any other code.
Self-hosted, and built for a team.
The Builder runs in your environment. Community is free forever; the operational features that a team needs are the paid tiers.
Not marketing pages. Real client-facing flows.
The Builder is made for the screens that carry weight — banking onboarding, insurance claims, healthcare intake, or a PCI-scoped payment page.
A contract, not a black box.
Every export is a portable JSON contract — a description of the screen, with zero logic and zero eval. This is the file you own and self-host.
{ "version": "1.0", "root": { "type": "form", "nodeId": "kyc", "children": [ { "type": "field", "props": { "name": "email", "label": "Email" } }, { "type": "select", "props": { "name": "country", "options": {…} } }, { "type": "submit", "props": { "label": "Verify identity" } } ] } }
One core. Every surface.
The Builder is one way into Blueprint. The contract it produces plugs into the runtime, your design system, your backend, and real React — everything orbits one open core.
Free to start. Paid where a team needs it.
The full Builder, runtime and export are free forever. Operational features are the paid tiers — see the pricing page for what’s in each.