Перейти к содержимому

BaseUI

Не имеющие встроенной разметки и стилей компоненты React для создания доступных интерфейсов с широкими возможностями настройки и полным контролем над оформлением.

Библиотека неоформленных компонентов React без встроенных стилей, которая дает полный контроль над разметкой и CSS, сохраняя высокий уровень доступности по умолчанию и соответствие требованиям ARIA.

Компоненты построены как компонуемые примитивы с API на основе слотов. Они поддерживают tree shaking, готовы к TypeScript и работают с любым подходом к стилизации, включая Tailwind, модули CSS, 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 и рекомендуют создавать изолированный контекст наложения, чтобы избежать конфликтов 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

Похожие ресурсы

Это решение с открытым исходным кодом UI позволяет создавать сложные дизайн-системы с помощью настраиваемых компонентов, которые можно адаптировать к различным визуальным стилям и стандартам доступности.

Звёзды на GitHub
3.9K
Обновлено
Dec 6, 2024
Лицензия
MIT License

Этот продукт предлагает широкий набор инструментов для создания интерфейсов на 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

О KickstartUI

KickstartUI — лучшее место, чтобы найти фреймворки UI, библиотеки и инструменты сборки. Мы тщательно отбираем первоклассные ресурсы, чтобы помочь разработчикам воплощать в жизнь свои идеи UI. Создаёте ли вы адаптивное веб-приложение, разрабатываете мобильный интерфейс или проектируете интерактивный прототип — наша платформа предлагает необходимые инструменты для ускорения проектов и улучшения пользовательского опыта. В нашей обширной коллекции вы сможете следить за последними тенденциями, открывать новые возможности и совершенствовать свои проекты UI. Готовы начать следующий проект? Изучите избранные ресурсы или найдите инструменты, подходящие именно вам.