12-day streak
Open source · free to start
Every ask gets a screen.
Drawn on demand in your own design system. Checked before anyone sees it.
Send money, drawn by Halden in Material 3.
Accounts renewing soon with open tickets, drawn by Foundry in shadcn/ui on Tailwind CSS.
Report a missed bin collection, drawn by Wexley Borough Council in GOV.UK Frontend.
Refund an order, drawn by Quay in Shopify Polaris.
13 design systems you already know
12 templates to start from
Open it in the gallery
Open it in the gallery
Open it in the gallery
Open it in the gallery
Open it in the gallery
Open it in the gallery
Open it in the gallery
Open it in the gallery
Open it in the gallery
Open it in the gallery
Open it in the gallery
Open it in the gallery
Open it in the gallery
Open it in the gallery
Open it in the gallery
Open it in the gallery
Open it in the gallery
Open it in the gallery
Open it in the gallery
Open it in the gallery
Open it in the gallery
Open it in the gallery
Open it in the gallery
Open it in the gallery
Open it in the gallery
Apps only have the screens someone built in advance. Ask for anything else, and you get a paragraph.
Polyxd turns the answer into a screen.
- The ask
- A document, not code
- Your design system draws it
- Checked, then shown
The same document
Drawn in your design system. Not ours.
13 design systems and twelve templates, or bring yours with npx polyxd pack.
Checked before anyone sees it.
- Every label read aloud
- Contrast 4.5:1 and up
- Only allowed actions
- Every value bound to your data
- An agent finished the task
- renders checked across the examples and four products
- 4,680
- tasks finished by agents, by name alone
- 936 / 936
- deliberately broken screens caught
- 20 / 20
Gone when it’s done. Familiar when it’s back.
Every kind of screen, at every size.
Forms, tables, charts, checkouts, calendars. On a phone, a tablet or a desk. All 29 examples in the gallery
find 30 minutes with PriyaMaterial 3
flights to Lisbon on FridayIBM Carbon
check outAdobe Spectrum 2
which plan should I pickshadcn/ui on Tailwind CSS
stop emailing me at nightGOV.UK Frontend
accounts over £50kAnt Design
how are my habitsPastel
what’s the plan in LisbonEditorial
remind me to call the bankTerminal
how am I doing this monthMicrosoft Fluent 2
what’s on my plate todayShopify Polaris
show me AcmeGitHub Primer
why is my storage fullBootstrap 5
who’s on the billing teamChakra UI 3
where’s my orderBrutalist
review my tripRadix Themes 3
log the book I finishedMantine 8
desk lamps under £80Glass
Polyxd Studio Coming soon
Set up your design system once. Use it everywhere.
The web app where your team keeps the design system Polyxd draws with.
- Import
- Check87 roles · 0 failing
- Design
- ExportCSS · Swift · Compose +3
Studio is coming soonSee how it works
More than a screen on demand.
polyxd CLI
One command reads your tokens and tells you what fails.
- npm
- Tokens Studio
- W3C DTCG
- CSS variables
$ npx polyxd pack ./tokens.css --brand-600 → action.primary --gray-50 → surface.base --gray-900 → text.primary --radius-md → shape.control …every guess written to pack.notes.md $ npx polyxd checkBring your design system
studio.polyxd.com Coming soon
Map your tokens to 87 roles. Nothing publishes until every pair passes.
action.primary5.5:1text.primary16.1:1text.muted3.9:1border.control3.4:1- CSS
- DTCG
- Tailwind
- Style Dictionary
- Swift
- Compose
Studio · Screens Coming soon
Write screens, and the frame around them, in the same format.
The shell as a documentpolyxd-verify · in CI
Every pack, light and dark, phone and desktop.
$ polyxd-verify ./screens
- Schemapass
- Patternspass
- Actionspass
- Accessibility and contrastpass
- Agent taskspass
In your editor
Write a screen and see it in 13 design systems as you type.
$ polyxd dev ./screens · VS Code · Cursor · Windsurf
In your editorGallery
From Material 3 to GOV.UK, each by its own logo.
- Material 3
- Ant Design
- Bootstrap 5
- IBM Carbon
- Chakra UI 3
- Microsoft Fluent 2
- GOV.UK Frontend
- Mantine 8
- Shopify Polaris
- GitHub Primer
- Radix Themes 3
- shadcn/ui on Tailwind CSS
- Adobe Spectrum 2
And Brutalist, Civic, Editorial, Finance, Glass, Health, Mono, Neon, Pastel, Sketch, Terminal, Wireframe: templates to start from.
Browse the galleryOpen source
React, Web Components, Vue and Svelte. Any model, or none.
- React@polyxd/react
- Web Components@polyxd/web
- Vueadapter, on @polyxd/web
- Svelteadapter, on @polyxd/web
Apache-2.0 code · CC-BY-4.0 spec · exports to A2UI
Open source