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.

Use case

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

producthunt

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 }}

{{ t('note.editor_hint') }}

{{ t('note.rating') }}
{{ pocketNoteStarIconName(n) }}
{{ formatPocketNoteRatingLabel(pocketNoteDraftActive.rating) }}

{{ t('action.saving') }}

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

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

{{ t('home.apps') }} search

{{ t('cat.public_collections') }}
{{ pl.ownerName }} Public collection
{{ pl.name }}

{{ pl.name }}

{{ pl.ownerName }}

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

square_arrow_up
{{ t('profile.links') }}
{{ t('home.top_categories') }}
  • {{ cat.emoji }} square_grid_2x2
    {{ cat.title }}
dAppStore
+1000 usefull apps
{{ appPageUpdatingMessage() }}