Astryx – open-source design system customizable and agent ready

Astryx, an open-source design system developed at Meta over eight years, is now available for public use, powering over 13,000 apps with customizable themes, 150+ components, and agent-ready features for faster development.

Where’s my order? An open source design system that's fully customizable and agent ready 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 → /themes Little joys, everywhere you goWe believe the smallest details are the ones that matter most. Turn an ordinary day into something worth remembering. everywhere you goWe believe the smallest details are the ones that matter most. Turn an ordinary day into something worth remembering. Checkout Delivery time may vary based on location and availability. Delivered in 5–7 business days$12.00 Delivered in 3–5 business days$16.00 Delivered in 1–2 business days$24.00 Payment method Card Apple Pay Google Pay United States Canada United Kingdom Germany Japan Australia Pay faster on Studio and everywhere Link is accepted. Studio AI Export conversation Close chat Attach Voice input Inventory Wearables Audio Bags Drinkware Home Aisle 1 Aisle 2 Aisle 3 Aisle 4 Aisle 5 Aisle 6 New Popular Limited Leather Drinkware Home List view Grid view | Item | Available | Location | Tags | || |---|---|---|---|---|---| Butter CroissantAll-butter, 27 layers | 64 | Case 1 | Fresh | Row actions | | Buttermilk PancakesStack of three | 38 | Griddle | Popular | Row actions | | Belgian WaffleLiège style, pearl sugar | 51 | Griddle | New | Row actions | | Buttered ToastSourdough, thick cut | 12 | Case 2 | Classic | Row actions | | Cultured ButterEuropean style, salted | 27 | Cooler | Staple | Row actions | | Almond CroissantFrangipane filled | 19 | Case 1 | Limited | Row actions | Over 150 components Accessible and themeable React components with built-in spacing, dark mode, and flexible styling. Explore → /components BadgeBadge 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 → /docs/cli How can i help you today? Can you create me a table page Ready to ship templates Production-ready templates for common pages, just plug in your content. Explore → /templates 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 → /docs/getting-started 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 → /community 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 → /changelog