Astryx

What is Astryx?

Astryx is an open-source design system built on React 19+ and StyleX, providing customizable UI components, templates, and themes. It is developed by Meta and currently in Beta. The system supports both human developers and AI agents through command-line tools and MCP integration.

What are the features of Astryx?

• Component library

  Over 180 accessible, themeable React components with built-in spacing, dark mode, and flexible styling.
• Agent-ready tooling

  Scaffolds projects, browses templates, generates themes, and provides documentation via the command line or MCP.
• Production templates

  Ready-to-ship page templates that accept custom content for common layouts like storefronts and dashboards.
• Customizable themes

  Theme configurations that can be adjusted to match brand requirements without building styles from scratch.

What are the use cases of Astryx?

• AI-assisted interface generation

  An agent can use the command line or MCP to scaffold a project and generate a table page layout.
• Rapid storefront deployment

  Teams can apply production-ready templates containing checkout flows, inventory views, and order tracking interfaces.

Astryx Pricing Information:

• Open source

  Available at no cost as an open-source project; currently in Beta.