Metareleased Astryx, an open‑source React design system built on StyleX, now in Beta. Teams spend hours wrestling with inconsistent spacing, manual theme switches, and brittle component libraries that hide their internals. Astryx solves these pains by exposing every primitive, so you can compose or eject a component at any level without forking the whole package. Its context‑aware spacing compensation removes the double‑padding bug that appears when nested containers each add their own gutters, keeping layout gaps predictable without custom CSS.
Theming is handled through a CSS‑variable cascade that ships ten ready‑made themes. Changing a variable updates every component instantly, eliminating the need to touch individual styles or maintain separate style sheets. Because StyleX compiles styles to atomic CSS at build time, there is no runtime overhead and no extra build plugins are required; the system works out of the box with Next.js, Vite, or plain React.
For developers who want to leverage AI agents, Astryx ships a CLI and an MCP server that return a self‑describing JSON manifest. Agents can read this manifest instead of scraping help text, allowing them to scaffold pages, generate documentation, or swap themes through a structured API. The same CLI commands developers use—such as npx astryx component Button or npx astryx template dashboard—are available to agents, making AI‑driven UI creation reliable and repeatable.
All code is MIT licensed, TypeScript‑rich, and tested inside Meta’s production apps. While still in Beta, the system offers a solid foundation for teams that need a design system that is both flexible and agent‑ready.
#AI #Product #React #DesignSystem #OpenSource #AgentReady