Це відкрите UI-рішення дає змогу створювати складні дизайн-системи за допомогою компонентів, які можна налаштувати відповідно до різних візуальних стилів і стандартів доступності.
- Зірки GitHub
- 3.9K
- Оновлено
- Dec 6, 2024
- Ліцензія
- MIT License
BaseUI
Безголові компоненти React без стилів для створення доступних, гнучко налаштовуваних інтерфейсів із повним контролем над стилями.
Бібліотека безголових компонентів React без стилів, що забезпечують повний контроль над розміткою та CSS, а також високий рівень доступності за замовчуванням і поведінку, сумісну з ARIA.
Компоненти створені як компоновані примітиви з API на основі слотів. Вони підтримують tree shaking і 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 із підтримкою tree shaking
- Типи TypeScript
- Працює з Tailwind, CSS Modules, CSS-in-JS або звичайним CSS
- React Portals для спливних елементів і накладень
- Рекомендації щодо ізоляції контексту накладання для уникнення проблем із z-index
- Варіанти використання з керуванням станом і без нього
- Широкий вибір компонентів (меню, діалогові вікна, спливні елементи, вкладки, списки вибору, повзунки тощо)
- Сумісність із SSR і незалежність від фреймворків
- Відкритий вихідний код, ліцензія MIT
- Документація доступна у форматі Markdown із помічниками на основі LLM
Пов’язані матеріали
Цей продукт пропонує надійний набір інструментів для створення інтерфейсів користувача на React, зосереджуючись на гнучкості та дотриманні стандартів дизайну.
- Зірки GitHub
- 94.2K
- Оновлено
- Dec 6, 2024
- Ліцензія
- MIT License
Неофіційний порт Vue, що пропонує налаштовувані й доступні компоненти UI для створення дизайн-систем.
- Зірки GitHub
- 3.8K
- Оновлено
- Dec 6, 2024
- Ліцензія
- MIT License
Багатий набір відкритих UI-компонентів для легкої та ефективної розробки застосунків на Vue.js.
- Зірки GitHub
- 11.0K
- Оновлено
- Dec 6, 2024
- Ліцензія
- MIT License
Не стилізовані, доступні примітиви React із відкритим кодом для високоякісних вебзастосунків і дизайн-систем.
- Зірки GitHub
- 16.0K
- Оновлено
- Dec 6, 2024
- Ліцензія
- MIT License
Неоформлений компонент висувної панелі для зручної інтеграції в застосунки React, що покращує взаємодію на мобільних пристроях.
- Зірки GitHub
- 6.5K
- Оновлено
- Dec 6, 2024
- Ліцензія
- MIT License
Швидко й ефективно створюйте доступні вебзастосунки за допомогою набору основних компонентів, які легко використовувати та гнучко налаштовувати.
- Зірки GitHub
- 38.1K
- Оновлено
- Dec 6, 2024
- Ліцензія
- MIT License
Цей компонент — комплексне рішення для меню команд у React, що поєднує зручність для користувачів із гнучкістю для розробників.
- Зірки GitHub
- 10.0K
- Оновлено
- Dec 6, 2024
- Ліцензія
- MIT License