Artificial intelligence compatible design system
Developed by Meta, Astryx offers a design system that is fully customizable and compatible with artificial intelligence agents. This TypeScript-based open source library configures interface components for the use of autonomous systems.
Updates
- October 24, 2026: Stars 13,728 → 13,735, latest release v0.7.4 (October 23, 2026).
- October 23, 2026: Stars 13,718 → 13,728, latest release v0.7.3 (October 22, 2026).
- October 22, 2026: Stars 13,678 → 13,718, latest release v0.7.2 (October 21, 2026).
- October 16, 2026: Stars 13,630 → 13,678, latest release v0.7.1 (October 15, 2026).
What you get
- More than 150 accessible components
- API compatible with AI assistants
- Flexible structure without style restrictions
Installation
# npm
npm install @astryxdesign/core @astryxdesign/theme-neutral
npm install -D @astryxdesign/cli
# pnpm
pnpm add @astryxdesign/core @astryxdesign/theme-neutral
pnpm add -D @astryxdesign/cli
# yarn
yarn add @astryxdesign/core @astryxdesign/theme-neutral
yarn add -D @astryxdesign/cliIf you don't write code
I want to create an interface component using the Astryx design system. How can I structure components in the @astryxdesign/core package without breaking the styling methods I'm already using in my project? What are the standard methods I should follow to customize components and access documentation or templates using the CLI tool?
Repository: https://github.com/facebook/astryx. Follow the official instructions in the README of this repository for setup and execution.
Before starting, check which OS we are on and if the necessary tools (e.g., Python, Node.js, Git, Docker) are installed. Install any missing ones step-by-step according to this system.
Create a new, empty folder to work in. Do not touch any files outside this folder and do not delete anything. Tell me what you are going to do in one sentence before running each command.
Tell me what I should see on the screen at the end of each step. If an error occurs, I will paste the error message to you exactly as it is, and we will fix it together.
Related dictionary terms
Links
TreScout did not build this tool · we found it in GitHub trends and wrote it up. This page describes the repository as of 2026-07-01: The star count and our text belong to that day, the repository may have changed since. Check the repository link for the current state. The introductory text was prepared with AI from the repository's own documentation, and this page was machine-translated from the Turkish original · the Turkish version prevails.