Open source design system from Meta for React
Astryx is an open source design system that grew inside Meta over eight years, with 150+ accessible components, theming, dark mode, templates, and a CLI. People and AI assistants use the same tooling.
- Uses pre-built CSS and typed React components, with no build plugin or new styling library to adopt.
- A theme is a set of CSS custom property overrides, and
swizzleejects a component's source into your project. - Requires React 19 or later, and is currently in Beta.
npm install @astryxdesign/core @astryxdesign/theme-neutral @stylexjs/stylex