Meta released Astryx, an open‑source React design system built on React 19 and StyleX, providing 150+ accessible UI components and AI‑friendly tooling for developers.

Meta has unveiled Astryx, an open‑source design system for React that leverages the latest React 19 features and Meta’s own StyleX styling engine.

What Is Astryx?

Astryx is a comprehensive UI component library that ships with more than 150 pre‑built, accessibility‑focused components. It is packaged as a set of React components that can be dropped into any React 19 project, and it includes a suite of developer tools designed to streamline AI‑assisted workflows.

Key Features and Tooling

  • Built on React 19 with concurrent rendering and server‑component support
  • Styling powered by StyleX for zero‑runtime CSS generation
  • Full accessibility compliance (WCAG 2.1 AA) out of the box
  • AI‑ready APIs that expose component metadata for prompt‑based generation

The system also provides a visual editor that integrates with popular AI code assistants, allowing developers to generate component configurations via natural‑language prompts. This aims to reduce boilerplate and accelerate UI prototyping.

Community and Contribution

Meta has opened Astryx under the MIT license and hosts the source on GitHub, inviting contributions from the broader React ecosystem. The repository includes detailed documentation, a storybook showcase, and guidelines for extending the component set.

Early adopters can expect regular updates, with Meta promising quarterly releases that incorporate community feedback and new React features.

For a deeper look at Astryx’s architecture and roadmap, see the InfoQ coverage of Meta’s Astryx design system.