Design systems

Drawn in your design system. Not ours.

13 established systems and twelve templates, drawn by the real renderer. Or bring yours with one command.

Bring your design systemBrowse the gallery

The same document

Drawn in your design system. Not ours.

13 design systems and twelve templates, or bring yours with npx polyxd pack.

Every pack, 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
  • Brutalist
  • Civic
  • Editorial
  • Finance
  • Glass
  • Health
  • Mono
  • Neon
  • Pastel
  • Sketch
  • Terminal
  • Wireframe

Bring yours in one command.

Point it at your CSS variables. It maps them onto 87 roles, writes down every guess, and names every colour pair that fails.

Your design system
$ npx polyxd pack ./tokens.css
--brand-600   → action.primary
--gray-50     → surface.base
--gray-900    → text.primary
…every guess written to pack.notes.md

$ npx polyxd check

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