Перейти до вмісту

Створюйте доступні компоненти світового рівня з власними стилями. React Aria пропонує понад 40 компонентів із вбудованою поведінкою, адаптивною взаємодією, першокласною доступністю та інтернаціоналізацією — вони готові до застосування ваших стилів.

За замовчуванням бібліотека не містить стилів, тож розробники можуть створювати власний дизайн для конкретного застосунку чи дизайн-системи, використовуючи будь-які засоби стилізації й анімації. Кожен компонент поділено на окремі частини з вбудованими станами, render props і слотами, що спрощує стилізацію.

Розширені можливості підходять для складних застосунків і забезпечують природну взаємодію, адаптовану до пристроїв, платформ і вподобань користувачів. Компоненти оптимізовано для різних способів взаємодії, зокрема миші, сенсорного екрана, клавіатури й програм читання з екрана, щоб забезпечити зручність на будь-якому пристрої.

Доступність є пріоритетом: компоненти відповідають W3C ARIA Authoring Practices Guide і сумісні з різними допоміжними технологіями. Бібліотека підтримує інтернаціоналізацію за допомогою перекладів, локалізованого форматування та різних календарних систем.

API React Aria розроблено з урахуванням гнучкості й масштабованості: можна почати з компонентів високого рівня, а за потреби перейти до API на основі низькорівневих Hook для повного контролю. Бібліотека заохочує повторне використання стилів і компонентів, даючи змогу створювати узгоджену дизайн-систему без зайвого дублювання.

Можливості

  • понад 40 доступних компонентів
  • власні варіанти стилізації
  • адаптивна взаємодія
  • вбудована навігація клавіатурою
  • підтримка інтернаціоналізації
  • семантика ARIA
  • готовність до використання на мобільних пристроях
  • ретельне тестування на різних пристроях
  • налаштовуваний API
  • використання компонентів високого та низького рівнів

Пов’язані матеріали

ChakraUI

Швидко й ефективно створюйте доступні вебзастосунки за допомогою набору основних компонентів, які легко використовувати та гнучко налаштовувати.

NuxtUI

Потужна добірка налаштовуваних компонентів, що прискорює розробку сучасних вебзастосунків і надає розробникам більше гнучкості.

React Spectrum

Набір інструментів і бібліотек для створення цілісного та доступного досвіду користування, розроблений для безперешкодної інтеграції з ширшою екосистемою.

ArkUI

Це відкрите UI-рішення дає змогу створювати складні дизайн-системи за допомогою компонентів, які можна налаштувати відповідно до різних візуальних стилів і стандартів доступності.

flowbite

Бібліотека з відкритим кодом, що доповнює вебпроєкти адаптивними та налаштовуваними компонентами інтерфейсу.

Radix Primitives

Не стилізовані, доступні примітиви React із відкритим кодом для високоякісних вебзастосунків і дизайн-систем.

shadcn/ui

Потужна добірка компонентів інтерфейсу, які можна швидко інтегрувати у свої застосунки, покращивши їхній вигляд і функціональність.

Alpine.js

Надійний мінімалістичний фреймворк для додавання поведінки безпосередньо в розмітку.