Astryx

Overview

Astryx is an open source design system built on React 19+ and StyleX. It grew inside Meta over eight years and powers 13,000+ apps. It combines accessible React components, theming, templates, and CLI tooling so people and AI assistants can build with the same system.

Key Features

• 150+ accessible and themeable React components with TypeScript support and dark mode.
• Fully customizable themes delivered as CSS custom property overrides, with seven ready-made themes.
• No styling lock-in: styles can be overridden with className using Tailwind, CSS modules, or plain CSS.
• Open internals and swizzle support for ejecting component source into a project.
• CLI and MCP support for scaffolding projects, browsing templates, generating themes, and accessing agent-ready docs.
• Production-ready templates for common pages that can be populated with project content.

Use Cases

• Building accessible React application interfaces with a consistent component library.
• Creating brand-specific themes without forking or wrapping component source.
• Scaffolding common pages such as table pages and detail layouts from templates and patterns.
• Supporting workflows where people and AI assistants build from the same component reference and CLI.

Getting Started

• Install @astryxdesign/core, @astryxdesign/theme-neutral, and @stylexjs/stylex, and install @astryxdesign/cli as a dev dependency.
• Use a few CSS imports plus a theme provider; no build plugin, PostCSS, or Babel config is required for the simplest setup.
• Optionally install @astryxdesign/cli globally so the astryx command works in any folder and coding agents know Astryx.
• For reliable CLI access, add a package.json script that runs the local CLI.

Deployment & Requirements

• React 19 or later is required; react and react-dom are peer dependencies of @astryxdesign/core.
• The simplest setup uses CSS imports and a theme provider and does not require a build plugin, PostCSS, or Babel config.

Before You Adopt

• License: MIT. Review its terms before using, modifying, or distributing the project.
• Astryx is currently in beta.
• The chart packages have no stable release yet.