Astryx

Customizable open-source design system built on React and StyleX.

An open source design system that is fully customizable and agent ready.

Astryx is an open-source design system created by Meta, built on React and StyleX. It offers over 150 accessible components, brand-level theming, templates, dark mode, a comprehensive CLI for documentation and theme building, and extensive customization options for developers and AI agents. The system focuses on enabling rapid development and promotes flexibility in design, supporting both individual workflows and larger team environments. With a streamlined process for integrating design tokens and themes, Astryx adapts to various design needs while ensuring a consistent user experience.

Astryx is an open-source design system created by Meta, built on React and StyleX. It offers over 150 accessible components, brand-level theming, templates, dark mode, a comprehensive CLI for documentation and theme building, and extensive customization options for developers and AI agents. The system focuses on enabling rapid development and promotes flexibility in design, supporting both individual workflows and larger team environments. With a streamlined process for integrating design tokens and themes, Astryx adapts to various design needs while ensuring a consistent user experience.

Astryx is designed for developers and designers who need an accessible and customizable design system for their projects, enhancing productivity while building user interfaces.

https://astryx.atmeta.com

Astryx screenshot Astryx icon Astryx screenshot Astryx screenshot Astryx screenshot Astryx screenshot Astryx screenshot Astryx screenshot Astryx screenshot Astryx screenshot
{{ ui.publicListPage.error === 'not_found' ? 'This collection is unavailable' : 'Failed to load' }}
Добавить в лист
Ваши листы

Пока нет листов — создайте новый ниже.

{{ pocketNoteSubjectLabel }}

Выделите текст — над ним появится панель форматирования.

Оценка
{{ pocketNoteStarIconName(n) }}
{{ formatPocketNoteRatingLabel(pocketNoteDraftActive.rating) }}

Сохраняем…

Карточка листа
  • Название
  • Описание
Доступ
Публичная ссылка

{{ publicListShareUrl(user.lists[ui.list.editingListId]) }}

Games

What We're Playing NowSee All
Popular GamesSee All
New Games We LoveSee All
Top Free GamesSee All
Top CategoriesSee All
Editors' ChoiceSee All
Quick LinksSee All

Apps search

Public collections
{{ pl.ownerName }} Public collection
{{ pl.name }}

{{ pl.name }}

{{ pl.ownerName }}

{{ pl.fullDescription || pl.description }}

square_arrow_up
Top Categories
  • {{ cat.emoji }} square_grid_2x2
    {{ cat.title }}
Quick Links
dAppStore
+1000 usefull apps

Profile

  • {{apps[id].title}}
    {{apps[id].subtitle}}
    ★ {{ user.installed[id].rating }}/10 {{ user.installed[id].notePublic ? '🌐 ' : '🔒 ' }}{{ user.installed[id].note }} {{ user.installed[id].description }}
  • {{ item.meta.visibility === 'public' ? 'globe' : 'lock_fill' }}
    {{ item.meta.name }}
    {{ item.meta.description }}
    Public
  • No lists yet. Create one below.
  • Nothing matches your search.
  • plus
    New list
  • link
    {{entry[1].title}}
    {{entry[1].url}}
    ★ {{ entry[1].rating }}/10 {{ entry[1].notePublic ? '🌐 ' : '🔒 ' }}{{ entry[1].note }} {{ entry[1].description }}

Новый лист