ArkUI
Это решение с открытым исходным кодом для создания сложных дизайн-систем с помощью настраиваемых компонентов, которые можно адаптировать к различным визуальным стилям и стандартам доступности.
Библиотека компонентов React без встроенной разметки и стилей, которая обеспечивает полный контроль над HTML-разметкой и CSS, а также высокий уровень доступности по умолчанию и поддержку ARIA.
Компоненты разработаны как сочетаемые примитивы с API на основе слотов. Они поддерживают удаление неиспользуемого кода, TypeScript и любые способы оформления, включая Tailwind, CSS Modules, CSS-in-JS и обычный CSS.
Библиотека охватывает широкий набор шаблонов интерфейса и примитивов, таких как аккордеон, диалоговое окно предупреждения, аватар, флажок и группа флажков, сворачиваемая область, контекстное меню, диалоговое окно, поле и набор полей, форма, поле ввода, меню и панель меню, индикатор, меню навигации, числовое поле, всплывающее окно, индикатор выполнения, переключатель, область прокрутки, список выбора, разделитель, ползунок, переключатель, вкладки, уведомление, переключатель и группа переключателей, панель инструментов и всплывающая подсказка. Также доступны вспомогательные инструменты, например Direction Provider и useRender.
Всплывающие компоненты используют React Portals. Чтобы избежать конфликтов z-index, рекомендуется создавать изолированный контекст наложения — так всплывающие слои всегда отображаются поверх содержимого страницы. В документации есть примеры сборки компонентов, сочетания их частей и интеграции с разными системами оформления.
Библиотека распространяется с открытым исходным кодом по лицензии MIT, регулярно обновляется и содержит дорожную карту и рекомендации по доступности. Страницы документации доступны в формате Markdown и содержат ресурсы для LLM, упрощающие изучение кода и интеграцию.
Возможности
- Компоненты React без встроенной разметки и стилей
- Доступность по умолчанию и поддержка ARIA
- Сочетаемый API на основе слотов
- Сборки ESM с удалением неиспользуемого кода
- Типы TypeScript
- Работает с Tailwind, CSS Modules, CSS-in-JS и обычным CSS
- React Portals для всплывающих окон и наложений
- Рекомендации по изоляции контекста наложения во избежание проблем с z-index
- Управляемые и неуправляемые шаблоны использования
- Широкий набор компонентов: меню, диалоговые окна, всплывающие окна, вкладки, списки выбора, ползунки и многое другое
- Подходит для SSR и не зависит от фреймворка
- Открытый исходный код, лицензия MIT
- Документация в формате Markdown с помощниками на основе LLM
Похожие ресурсы
MaterialUI
Этот продукт предлагает широкий набор инструментов для создания интерфейсов на React, уделяя особое внимание гибкости и соблюдению стандартов дизайна.
Radix Vue
Неофициальный порт для Vue с настраиваемыми и доступными компонентами интерфейса для создания дизайн-систем.
PrimeVue
Богатый набор компонентов интерфейса с открытым исходным кодом для простой и эффективной разработки приложений на Vue.js.
Radix Primitives
Примитивы React без стилей, с поддержкой доступности и открытым исходным кодом для качественных веб-приложений и дизайн-систем.
Vaul
Нестилизованный компонент выдвижной панели для простой интеграции в приложения React, который делает взаимодействие на мобильных устройствах удобнее.
ChakraUI
Быстро и эффективно создавайте доступные веб-приложения с помощью набора необходимых компонентов, которые просты в использовании и легко настраиваются.
cmdk
Этот компонент представляет собой полноценное решение для меню команд в React, уделяя особое внимание удобству использования и гибкости для разработчиков.