Repolode
Предложить
radix-ui

radix-ui/primitives

Открытый набор нестилизованных и доступных примитивов UI для React — основа для дизайн-систем и веб-приложений.

Открыть на GitHubСайт
Звёзды
19,415
Форки
1,277
Открытые issues
240
Последний коммит
7 дней назад

Что это?

Radix Primitives — библиотека низкоуровневых UI-компонентов для React, ориентированная на доступность, гибкую настройку и удобство разработки. В неё входят базовые компоненты: диалоги, всплывающие окна, меню, вкладки и элементы форм. Они берут на себя сложную логику, например управление фокусом и навигацию с клавиатуры.

Компоненты задуманы как базовый слой дизайн-системы. Разработчики могут применять собственные стили или постепенно добавлять примитивы в существующую кодовую базу, не заменяя всё сразу.

Проект представляет собой монорепозиторий на TypeScript, которым управляет pnpm. Документация, заметки о релизах и рекомендации по участию в разработке размещены на сайте проекта и в его репозитории.

Ключевые возможности

  • 01Доступные компоненты берут на себя управление фокусом и навигацию с клавиатуры.
  • 02Нестилизованные строительные блоки позволяют полностью настраивать внешний вид.
  • 03Примитивы можно постепенно добавлять в существующую кодовую базу на React.
  • 04Написано на TypeScript для проектов на React.

Сценарии использования

  • Создание собственной дизайн-системы на основе доступных базовых компонентов.
  • Добавление диалогов, меню или всплывающих окон в веб-приложение на React без необходимости с нуля писать логику управления фокусом.
  • Постепенное обновление UI-слоя существующего приложения на React.

Быстрый старт

  1. 1

    Установите pnpm глобально

    npm install -g pnpm
  2. 2

    Установите зависимости проекта

    pnpm install

Что важно знать

  • В README описана только настройка среды для участия в разработке monorepo; документация по использованию отдельных пакетов размещена на внешнем сайте.

Темы

#react#ui-components#accessibility#design-system#typescript#headless-ui#colors#component-library#design-systems#radix-ui

Частые вопросы

Что такое primitives?
Открытый набор нестилизованных и доступных примитивов UI для React — основа для дизайн-систем и веб-приложений. Radix Primitives — библиотека низкоуровневых UI-компонентов для React, ориентированная на доступность, гибкую настройку и удобство разработки. В неё входят базовые компоненты: диалоги, всплывающие окна, меню, вкладки и элементы форм. Они берут на себя сложную логику, например управление фокусом и навигацию с клавиатуры.
primitives можно использовать бесплатно? Какая у него лицензия?
primitives распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
primitives всё ещё поддерживается?
Активно поддерживается. Последний коммит в primitives — 14 окт. 2026 г..
Для чего можно использовать primitives?
Создание собственной дизайн-системы на основе доступных базовых компонентов. Добавление диалогов, меню или всплывающих окон в веб-приложение на React без необходимости с нуля писать логику управления фокусом. Постепенное обновление UI-слоя существующего приложения на React.
Как установить primitives?
Установите pnpm глобально: npm install -g pnpm Установите зависимости проекта: pnpm install
Где скачать primitives?
Исходный код и инструкции по установке — на GitHub: https://github.com/radix-ui/primitives

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты