An open source design system that's fully customizable and agent ready

Get startedBrowse components
Currently in Beta · Built on React and StyleX
Astryx theme

Start anywhere.
Change anything.
Ship faster.

A design system that adapts to your workflow, not the other way around. Built for speed, clarity, and creative freedom.

Themes that fit your brand

Fully customizable themes ready for use. Make it yours without starting from scratch.Explore →
A product landing page styled with the Butter theme, shown alongside the theme's color swatches and type sample

Over 150 components

Accessible and themeable React components with built-in spacing, dark mode, and flexible styling.Explore →
Sample XDS components — Badges, radio, checkbox, switch, Secondary and Primary buttons, and a search input

A design system that your agent can use

Scaffold projects, browse templates, generate themes, and get agent-ready docs from the command line or MCP.Explore →
AI prompt input asking "Can you create me a table page" with a send button

Ready to ship templates

Production-ready templates for common pages, just plug in your content.Explore →
A scattered collage of ready-to-use page templates — product gallery, code editor, checkout summary, login, product detail, and AI chat

Astryx powers over 13,000 apps

Astryx has grown inside Meta over the last eight years, shaped by the engineers, designers, and product teams who depend on it every day.

Design for speed

Foundations you can trust, speed you can feel. The system is built so teams stop reinventing the basics and start shipping the ideas that matter.
Get started in minutes →

Built by the people who use it

The system gets sharper when we put it to work in the real world. Using it in context strengthens the whole system for everyone.
Learn how to contribute →

Ready for what's next

The quality bar is accelerating. Astryx pairs opinionated foundations with flexible patterns so your system keeps pace, no matter how the craft evolves.
See what's new →

Discover the fulldesign system

Browse 150+ components, explore production-ready templates, and tune themes to match your brand; pick a starting point and go.
Get startedBrowse components