Repolode
Предложить
keenthemes

keenthemes/reui

Бесплатная библиотека компонентов и блоков shadcn/ui с открытым исходным кодом: 1 264 примера в стиле дашбордов, которые копируются прямо в React-проекты.

Открыть на GitHubСайт
Звёзды
3,942
Форки
171
Открытые issues
37
Последний коммит
22 дня назад

Что это?

ReUI — библиотека компонентов на базе shadcn/ui и Tailwind CSS. Она добавляет 27 собственных компонентов, которых нет в стандартной поставке shadcn/ui: среди них data grid, календарь событий, диаграмма Ганта, Kanban-доска, конструктор фильтров, каскадный список, блок кода и палитра цветов. Каждый собственный компонент доступен в версиях для Radix UI и Base UI.

Вместо установки npm-пакета компоненты добавляются через shadcn CLI, например командой `npx shadcn@latest add @reui/c-data-grid-9`. Код попадает в ваш репозиторий, поэтому его можно изменить, используя собственные токены Tailwind. В каталоге есть 1 264 готовых примера в реалистичных макетах дашбордов, а также стандартные примитивы shadcn.

Data grid построен на TanStack Table v9 и TanStack Virtual и поддерживает сортировку, фильтрацию, закрепление, перетаскивание и виртуализацию больших наборов данных. Бесплатные MCP-сервер и навык для агентов позволяют AI-агентам для написания кода находить и устанавливать компоненты ReUI, а платный тариф Pro включает дополнительные блоки.

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

  • 01Добавляет 27 собственных компонентов, например data grid, диаграмму Ганта, Kanban-доску и календарь событий, которых нет в базовой версии shadcn/ui.
  • 02Каждый собственный компонент доступен в версиях для Radix UI и Base UI.
  • 03Компоненты устанавливаются через shadcn CLI, а их код копируется в ваш репозиторий.
  • 04Включает 1 264 готовых примера в макетах в стиле дашбордов.
  • 05Предоставляет бесплатные MCP-сервер и навык для инструментов AI-разработки.
  • 06Написана на TypeScript и распространяется по лицензии MIT.

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

  • Создание административных дашбордов, которым нужен data grid с сортировкой, фильтрацией и виртуализацией.
  • Добавление в React-веб-приложение представлений для планирования, например календаря или диаграммы Ганта.
  • Быстрое прототипирование интерфейса продукта на основе готовых блоков дашбордов и форм.
  • Создание интерфейсов на базе shadcn/ui с помощью AI-агентов, которые используют проверенный каталог компонентов.

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

  1. 1

    Просмотрите каталог компонентов и выберите нужный

  2. 2

    Добавьте компонент в проект shadcn/ui с помощью shadcn CLI

    npx shadcn@latest add @reui/data-grid

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

  • Это библиотека исходного кода, который можно скопировать и использовать как свой; npm-пакета нет, поэтому скопированный код нужно поддерживать и обновлять вручную.
  • Библиотека основана на shadcn/ui, React 18+ и Tailwind CSS 4+, поэтому этот стек должен быть уже настроен.

В подборках

Фронтенд-фреймворки и UI-компоненты

Темы

#react#shadcn-ui#tailwind-css#component-library#typescript#data-table#ui-components#base-ui#data-grid#nextjs

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

Что такое reui?
Бесплатная библиотека компонентов и блоков shadcn/ui с открытым исходным кодом: 1 264 примера в стиле дашбордов, которые копируются прямо в React-проекты. ReUI — библиотека компонентов на базе shadcn/ui и Tailwind CSS. Она добавляет 27 собственных компонентов, которых нет в стандартной поставке shadcn/ui: среди них data grid, календарь событий, диаграмма Ганта, Kanban-доска, конструктор фильтров, каскадный список, блок кода и палитра цветов. Каждый собственный компонент доступен в версиях для Radix UI и Base UI.
reui можно использовать бесплатно? Какая у него лицензия?
reui распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
reui всё ещё поддерживается?
Активно поддерживается. Последний коммит в reui — 16 окт. 2026 г..
Для чего можно использовать reui?
Создание административных дашбордов, которым нужен data grid с сортировкой, фильтрацией и виртуализацией. Добавление в React-веб-приложение представлений для планирования, например календаря или диаграммы Ганта. Быстрое прототипирование интерфейса продукта на основе готовых блоков дашбордов и форм. Создание интерфейсов на базе shadcn/ui с помощью AI-агентов, которые используют проверенный каталог компонентов.
Как установить reui?
Просмотрите каталог компонентов и выберите нужный Добавьте компонент в проект shadcn/ui с помощью shadcn CLI: npx shadcn@latest add @reui/data-grid
Где скачать reui?
Исходный код и инструкции по установке — на GitHub: https://github.com/keenthemes/reui

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

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