Verified project record

facebook/astryx

Astryx is an open source React design system with over 150 accessible, TypeScript-supported UI components, theming, templates, and CLI tooling. Developers can compose building blocks, override styling without a required library, and eject full component source code for modification.

Project overview

The project exposes its component internals for swizzle ejection, allows styling overrides using Tailwind, CSS modules, or plain CSS, and provides tooling designed so people and AI assistants reference the same conventions.

Project type: AI Agent
Deployment: Refer to project documentation
License: MIT

Best for

Developers building React interfaces who want typed, accessible components they can theme, compose, and eject for source-level modification.
Teams and AI assistants sharing the same tooling conventions, as the API, documentation, and CLI are designed for parity between people and AI assistants.

Key capabilities

Provides 150+ reusable accessible UI building blocks with full TypeScript support for constructing interfaces.
Provides brand-level theming, dark mode, and customizable themes for adapting the design system to a product's visual identity.
Includes ready-to-ship interface templates as part of the design system.
Provides CLI tooling for component documentation, templates, scaffolding, themes, and codemods.
Allows users to eject a component's full source into their project so they can own and modify it.
Documents reusable solutions for common interactions and workflows, including table pages, detail page layouts, form wizards, navigation patterns, and data entry flows.

Limitations and risks

The project is currently in Beta.
The Vega/Vega-Lite wrapper and chart components have no stable release and are published only under the canary dist-tag.

Getting started

Installation difficulty is documented as easy. The README documents installation through standard JavaScript package managers.
The simplest setup is described as a few CSS imports plus a theme provider, without build plugin, PostCSS, or Babel configuration.

Evidence and sources

Open original GitHub project