ArkUI
Това UI решение с отворен код позволява създаването на усъвършенствани дизайн системи с персонализируеми компоненти, които могат да се приспособят към различни визуални стилове и стандарти за достъпност.
Библиотека с React компоненти без логика и стилове, която осигурява пълен контрол върху маркирането и CSS, като същевременно предлага силни настройки за достъпност по подразбиране и поведение, съобразено с ARIA.
Компонентите са създадени като комбинируеми примитиви с API, базиран на слотове. Те позволяват премахване на неизползвания код, готови са за TypeScript и работят с всякакъв подход за стилизиране, включително Tailwind, CSS Modules, CSS-in-JS и стандартен CSS.
Библиотеката обхваща широк набор от UI шаблони и примитиви, като Accordion, Alert Dialog, Avatar, Checkbox и Checkbox Group, Collapsible, Context Menu, Dialog, Field и Fieldset, Form, Input, Menu и Menubar, Meter, Navigation Menu, Number Field, Popover, Progress, Radio, Scroll Area, Select, Separator, Slider, Switch, Tabs, Toast, Toggle и Toggle Group, Toolbar, Tooltip, както и помощни инструменти като 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 с персонализируеми и достъпни UI компоненти за изграждане на системи за дизайн.
PrimeVue
Богат набор от UI компоненти с отворен код, създадени за лесно и ефективно изграждане на приложения с Vue.js.
Radix Primitives
Нестилизирани, достъпни примитивни компоненти на React с отворен код за висококачествени уеб приложения и системи за дизайн.
Vaul
Нестилизиран компонент тип изтеглящо се меню, създаден за безпроблемна интеграция в приложения с React и за по-добро взаимодействие с потребителите на мобилни устройства.
ChakraUI
Създавайте бързо и ефективно достъпни уеб приложения с богат набор от основни компоненти, които са лесни за използване и силно персонализируеми.
cmdk
Този компонент предоставя цялостно решение за командно меню в React, като се фокусира както върху потребителското изживяване, така и върху гъвкавостта за разработчиците.