polyxd

For engineers

Render a document. Ship a screen.

Real renderers for React, Web Components, Vue and Svelte. UI is data, never code. The verifier runs in CI.

QuickstartGitHub

13 design systems you already know

12 templates to start from

Polyxd turns the answer into a screen.

  1. The ask
  2. A document, not code
  3. Your design system draws it
  4. Checked, then shown

What you get.

  1. 01

    Renderers

    @polyxd/react, and @polyxd/web for Web Components, Vue and Svelte, held to one conformance suite.

  2. 02

    Data from you

    Documents bind to data your app supplies. A model can’t invent a balance.

  3. 03

    Actions you allow

    A registry of what a document may trigger, and how risky each is.

  4. 04

    Checks in CI

    polyxd-verify on every change. Export to A2UI when you need it.

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

Open spec. Any model. Your design system.

Get startedTry Studio