facebook/astryx

Health v2 · maintenance only

Adoption not part of the score

12469 stars · 1065 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded

Astryx is an open source React design system from Meta offering 150+ accessible components, CSS-custom-property theming, dark mode, templates, and a CLI, built on React 19 and StyleX. It is designed so both humans and AI coding agents can build with the same tooling, including generated agent docs and a typed JSON API behind the CLI.

Use cases

• build accessible React UIs with pre-built components
• theme a design system to match a brand via CSS custom properties
• override component styles with Tailwind or plain CSS without styling lock-in
• set up a design system using an AI coding assistant
• scaffold pages and generate themes from the CLI
• eject component source to customize deeply

When to choose

• you are starting a React 19+ app and want a comprehensive, accessible component library
• you need brand-level theming and dark mode without forking components
• you want a design system whose docs and CLI work well with AI agents
• you want to override styles with your existing CSS tooling

When to avoid

• your project uses React versions earlier than 19
• you need a stable, long-term-supported library rather than a beta
• you are not using React or want a framework-agnostic CSS-only system
• you need Vue, Svelte, or Angular components

Facets

library · maturity active

ui-components css-framework cli theme templating web-development frontend web-design developer-tools accessibility cli cross-platform design-system react stylex theming agent-ready ai-coding-tools storybook dark-mode accessibility codemods web-server nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="facebook/astryx")