Verified project record

facebook/astryx

Astryx is a React-based design system providing over 150 accessible components, theming, and templates. It allows developers to import pre-built CSS and typed components without adopting a specific build plugin or styling library.

Project overview

Project type: AI Coding
Use cases: Coding & Development
Deployment: Refer to project documentation
License: MIT

Best for

React developers seeking a component library with accessible components and templates that supports existing Tailwind, CSS modules, or plain CSS workflows.
Creators using AI assistants for development, as the API, documentation, and CLI are designed to share the same reference.

Key capabilities

Ships more than 150 accessible components for application interface development.
Provides brand-level theming and dark mode, with themes implemented as CSS custom property overrides.
Includes ready-to-ship templates as part of the design system.
Ships a CLI as part of the cohesive design-system tooling.
Lets consumers import pre-built CSS and use typed React components without adopting a build plugin or styling library.
Lets consumers use swizzle to eject a component's full source into their project for ownership and deeper customization.

Limitations and risks

The project is currently in beta.

Getting started

Run one npm install command for the core package (@astryxdesign/core) and a theme (@astryxdesign/theme-neutr) to get started.

Evidence and sources

GitHub project description: An open source design system that's fully customizable and agent ready
README: **Currently in Beta** · Built on [React](https://react.dev) and [StyleX](https://stylexjs.com)
README: It ships 150+ accessible components, brand-level theming, dark mode, ready-to-ship templates, and a CLI as one cohesive system.
README: You import pre-built CSS and use typed React components — no build plugin, no styling library to adopt — and both people and AI assistants build with the same tooling.
README: - **Open internals.** Components are built to be composed at any level, not locked behind a closed top-level API. The building blocks you'd reach for are exported directly, and wh…

Reviewed at: 2026-07-15T02:33:22Z