design

Customize with astryx

Get a customizable design system with astryx, ideal for founders needing design control
8,391 stars701 forksTypeScriptQuality 9/10Updated 7/13/2026100% free · open source
What it does

Astryx is an open-source design system that provides a fully customizable and agent-ready framework for building user interfaces

Install / run
git clone https://github.com/facebook/astryx.git
When to use it
  • You need a design system that can be easily customized to fit your brand
  • You want to build a user interface that can be controlled by external agents or services
  • You are looking for an open-source solution that can be integrated with existing TypeScript projects
Quick start
  1. 1Clone the Astryx repository using the command `git clone https://github.com/facebook/astryx.git`
  2. 2Navigate to the cloned repository using `cd astryx`
  3. 3Install the required dependencies by running `yarn install`
  4. 4Start the development server using `yarn start`
  5. 5Open `http://localhost:3000` in your browser to see the Astryx design system in action
Ready-to-paste prompt
Run `yarn storybook` to start the Storybook server and explore the pre-built UI components
Heads up: Make sure you have Node.js (14 or higher) and Yarn installed on your system before attempting to install and run Astryx
Saves to your device
What's inside — free to inspect
No purchase needed

Read the entire source before you build — unlike paid marketplaces that hide it behind a buy button.

17
top-level files
9
folders
293.7M
repo size
MIT
license
Key files
eslint.config.js
package.json
README.md
tsconfig.json
vitest.config.ts
File tree
.changeset/
.claude/
.github/
.husky/
apps/
docs/
internal/
packages/
scripts/
.gitattributes
.gitignore
.nvmrc
.prettierrc.json
CLAUDE.md
CODE_OF_CONDUCT.md
CONTRIBUTING.md
eslint.config.js
LICENSE
package.json
pnpm-lock.yaml
pnpm-workspace.yaml
README.md
SECURITY.md
tsconfig.json
Quick Actions
Details
Creator
facebook
Language
TypeScript
Category
design
Published
1/9/2026

Are you the creator of this tool? Claim your listing → and earn 85% of every sale.