Zag

UI components powered by Finite State Machines - Rapidly build interactive components.

State machines for accessible, interactive and performant UI components

Zag is an innovative library designed for rapidly building UI components without the complexity of managing component logic. It provides state machines for accessible, interactive, and performant UI components, making it a framework-agnostic solution for creating design systems across React, Vue, Solid.js, and Svelte. With built-in adapters, Zag ensures compliance with WAI-ARIA standards, allowing developers to focus on aesthetics while enjoying resilient component logic. The API is headless and unstyled, enabling integration with your favorite styling solution. Join the community and experience a new approach to component-driven development with Zag.

pwa

https://zagjs.com

Zag screenshot Zag icon
{{ 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() }}