{"slug": "astryx-open-source-design-system-customizable-and-agent-ready", "title": "Astryx – open-source design system customizable and agent ready", "summary": "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.", "body_md": "Where’s my order?\n\n# An open source design system that's fully customizable and agent ready\n\n## Start anywhere.\n\nChange anything.\n\nShip faster.\n\nA design system that adapts to your workflow, not the other way around. Built for speed, clarity, and creative freedom.## Themes that fit your brand\n\nFully customizable themes ready for use. Make it yours without starting from scratch.[Explore →](/themes)\n\nLittle joys,\n\neverywhere you goWe believe the smallest details are the ones that matter most. Turn an ordinary day into something worth remembering.\n\neverywhere you goWe believe the smallest details are the ones that matter most. Turn an ordinary day into something worth remembering.\n\n## Checkout\n\nDelivery time may vary based on location and availability.\n\nDelivered in 5–7 business days$12.00\n\nDelivered in 3–5 business days$16.00\n\nDelivered in 1–2 business days$24.00\n\nPayment method\n\nCard\n\nApple Pay\n\nGoogle Pay\n\nUnited States\n\nCanada\n\nUnited Kingdom\n\nGermany\n\nJapan\n\nAustralia\n\nPay faster on Studio and everywhere Link is accepted.\n\n## Studio AI\n\nExport conversation\n\nClose chat\n\nAttach\n\nVoice input\n\n## Inventory\n\nWearables\n\nAudio\n\nBags\n\nDrinkware\n\nHome\n\nAisle 1\n\nAisle 2\n\nAisle 3\n\nAisle 4\n\nAisle 5\n\nAisle 6\n\nNew\n\nPopular\n\nLimited\n\nLeather\n\nDrinkware\n\nHome\n\nList view\n\nGrid view\n\n| Item | Available | Location | Tags | ||\n|---|---|---|---|---|---|\nButter CroissantAll-butter, 27 layers | 64 | Case 1 | Fresh | Row actions | |\nButtermilk PancakesStack of three | 38 | Griddle | Popular | Row actions | |\nBelgian WaffleLiège style, pearl sugar | 51 | Griddle | New | Row actions | |\nButtered ToastSourdough, thick cut | 12 | Case 2 | Classic | Row actions | |\nCultured ButterEuropean style, salted | 27 | Cooler | Staple | Row actions | |\nAlmond CroissantFrangipane filled | 19 | Case 1 | Limited | Row actions |\n\n## Over 150 components\n\nAccessible and themeable React components with built-in spacing, dark mode, and flexible styling.[Explore →](/components)\n\nBadgeBadge\n\n## A design system that your agent can use\n\nScaffold projects, browse templates, generate themes, and get agent-ready docs from the command line or MCP.[Explore →](/docs/cli)\n\nHow can i help you today?\n\nCan you create me a table page\n\n## Ready to ship templates\n\nProduction-ready templates for common pages, just plug in your content.[Explore →](/templates)\n\n## Astryx powers over 13,000 apps\n\nAstryx 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\n\nFoundations 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)\n\n## Built by the people who use it\n\nThe 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)\n\n## Ready for what's next\n\nThe 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)", "url": "https://wpnews.pro/news/astryx-open-source-design-system-customizable-and-agent-ready", "canonical_source": "https://astryx.atmeta.com/", "published_at": "2026-06-24 20:58:59+00:00", "updated_at": "2026-06-24 21:13:57.435672+00:00", "lang": "en", "topics": ["developer-tools", "ai-agents"], "entities": ["Astryx", "Meta"], "alternates": {"html": "https://wpnews.pro/news/astryx-open-source-design-system-customizable-and-agent-ready", "markdown": "https://wpnews.pro/news/astryx-open-source-design-system-customizable-and-agent-ready.md", "text": "https://wpnews.pro/news/astryx-open-source-design-system-customizable-and-agent-ready.txt", "jsonld": "https://wpnews.pro/news/astryx-open-source-design-system-customizable-and-agent-ready.jsonld"}}