Meta открыла исходный код Astryx — дизайн-систему со 150+ доступными компонентами, семью темами и CLI

Meta открыла исходный код дизайн-системы Astryx, которая использовалась внутри компании последние восемь лет и стала самой крупной и востребованной в Meta. Система включает более 150 доступных компонентов (на данный момент на сайте документации указано более 160), семь тем, поддержку тёмного режима, шаблоны и CLI. Astryx построена на React и StyleX, не требует настройки плагинов сборки или дополнительных библиотек стилей. Основная особенность — разделение ответственности: сама система отвечает за поведение, доступность и качество, а внешний вид управляется через CSS-токены (цвет, типографика, радиусы, анимация). Это позволяет брендировать интерфейс без изменения исходного кода компонентов. Архитектура состоит из трёх уровней: фундамент (типографика, цвет, доступность), компоненты (более 150 переиспользуемых блоков с полной поддержкой TypeScript) и паттерны (типовые решения для таблиц, форм, навигации и т.д.). Astryx спроектирована с учётом работы ИИ-агентов: API, документация и CLI едины для людей и алгоритмов. CLI может создавать шаблоны, выводить документацию компонентов, генерировать темы, выполнять codemods и предоставлять машиночитаемые данные через командную строку или MCP. Для установки требуется React 19+, система поставляется с предварительно собранным CSS и поддерживает Next.js, Vite, а также загрузку через CDN. Astryx находится на стадии бета-версии и распространяется под лицензией MIT.