facebook/astryx

Что это?

Ключевые возможности

• 01Более 150 доступных React-компонентов с полной поддержкой TypeScript.
• 02Семь готовых тем, которые можно настраивать через CSS custom properties.
• 03Тёмный режим и брендовая темизация.
• 04Компоненты можно переопределять через className с помощью Tailwind, CSS Modules или обычного CSS.
• 05Команда swizzle переносит исходный код компонента в ваш проект.
• 06CLI для документации компонентов, шаблонов, заготовок проектов и codemod-скриптов.

Сценарии использования

• Создание React-приложения, которому нужна единообразная библиотека доступных компонентов.
• Создание фирменного интерфейса продукта за счёт настройки переменных темы вместо форка компонентов.
• Предоставление AI-ассистентам для написания кода документированного API компонентов, на основе которого они смогут создавать интерфейсы.

Быстрый старт

1. 1

   Установите core, тему, StyleX и CLI с помощью npm

   npm install @astryxdesign/core @astryxdesign/theme-neutral @stylexjs/stylex && npm install -D @astryxdesign/cli
2. 2

   Следуйте краткому руководству пакета core по импорту CSS и настройке провайдера темы

3. 3

   Для участников проекта: включите Corepack и установите зависимости в репозитории

   corepack enable pnpm install

Что важно знать

• !Сейчас продукт находится в бета-версии, поэтому API может измениться.
• !Для опубликованных пакетов @astryxdesign/vega и @astryxdesign/charts доступны только релизы @canary; стабильной версии пока нет.
• !Требуется React 19 или новее.

Темы

Частые вопросы

Что такое astryx?

Открытая дизайн-система для React: более 150 доступных компонентов, темы и CLI на базе React 19 и StyleX. Astryx — открытая дизайн-система, созданная в Meta и теперь доступная для внешнего использования. В неё входят типизированные React-компоненты, брендовая темизация, тёмный режим и готовые к запуску шаблоны.

astryx можно использовать бесплатно? Какая у него лицензия?

astryx распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.

astryx всё ещё поддерживается?

Активно поддерживается. Последний коммит в astryx — 19 окт. 2026 г..

Для чего можно использовать astryx?

Создание React-приложения, которому нужна единообразная библиотека доступных компонентов. Создание фирменного интерфейса продукта за счёт настройки переменных темы вместо форка компонентов. Предоставление AI-ассистентам для написания кода документированного API компонентов, на основе которого они смогут создавать интерфейсы.

Как установить astryx?

Установите core, тему, StyleX и CLI с помощью npm: npm install @astryxdesign/core @astryxdesign/theme-neutral @stylexjs/stylex && npm install -D @astryxdesign/cli Следуйте краткому руководству пакета core по импорту CSS и настройке провайдера темы Для участников проекта: включите Corepack и установите зависимости в репозитории: corepack enable pnpm install

Где скачать astryx?

Исходный код и инструкции по установке — на GitHub: https://github.com/facebook/astryx