Astryx is Meta’s open-source design system built on React and StyleX. It includes accessible components, brand-level themes, templates, dark mode, CLI/MCP docs, and customization paths for both developers and AI agents.
Loading comments…
Maker
sleepyfox
Visit Website
astryx.atmeta.com
Project Info
Product Keywords
Astryx is Meta’s open-source design system built on React and StyleX. It includes accessible components, brand-level themes, templates, dark mode, and CLI/MCP docs. The system is designed to adapt to your workflow rather than forcing you to adapt to it, offering customization paths for both human developers and AI agents.
Astryx ships with a large library of React components that are accessible by default. Each component includes built-in spacing, dark mode support, and flexible styling through StyleX, so you can focus on building rather than reinventing UI patterns.
The system comes with fully customizable themes that you can adapt to your brand without starting from scratch. Themes are designed to be swapped, extended, or overridden, giving you a consistent visual language across your entire product.
Astryx is built for the modern development workflow. You can scaffold projects, browse templates, generate themes, and access agent-ready documentation directly from the command line or through MCP (Model Context Protocol). This makes it easy to integrate with AI coding assistants.
Every component and theme in Astryx supports dark mode natively. There’s no extra configuration or third-party dependency needed — just toggle the theme and the entire system adapts.
A design system that your agent can use.
Astryx is one of the first open-source design systems to treat AI agents as first-class users. By providing CLI tools and MCP-compatible documentation, it enables developers to scaffold entire pages, generate themes, and browse components without leaving the terminal. This shifts design system adoption from a manual, copy-paste workflow to an automated, prompt-driven one.
Other tools you might consider
You’re building a React application and want a design system that’s open-source, accessible, and themeable — but also future-proofed for AI-assisted development. If you value dark mode support, a large component library, and the ability to customize everything without fighting the framework, Astryx is worth a close look.
