ReUI — 1000+ готовых компонентов shadcn/ui с MCP-сервером и Agent Skill для AI-агентов

ReUI — бесплатная библиотека компонентов для экосистемы shadcn/ui от команды Keenthemes. Это 1000+ production-ready примеров в 71 категории, каждый показан внутри реалистичной дашборд-раскладки, а не в изоляции, — и их можно копировать прямо в React-проект. Ключевая особенность: ReUI позиционируется как «platform with MCP fluency for agents» — бесплатные MCP-сервер и Agent Skill обучают любой AI-coding-агент работать с библиотекой правильно.

Почему ReUI

• 19 собственных примитивов, которых нет в базовом shadcn/ui — Data Grid, Event Calendar, Gantt, Kanban, Filters, Sortable, Timeline, Stepper, Tree и другие, заточенные под реальные задачи дашбордов.
• 1000+ registry-компонентов — переиспользуемые примеры, собранные из примитивов shadcn/ui в настоящие продуктовые сценарии.
• Dual API — для всех 19 собственных компонентов есть версии под Radix UI и Base UI.
• Совместимость с Shadcn Create — работают стили и настройки Vega, Nova, Maia, Lyra и Mira.
• Copy-and-Own модель — без npm-пакета и lock-in: код живёт в вашем репозитории.
• TypeScript — полностью типизированные компоненты и registry-блоки.
• Лицензия MIT — бесплатно и открыто.

Собственные компоненты

19 кастомных примитивов, которых нет в базовом shadcn/ui. Каждый поддерживается командой Keenthemes, поставляется с полной документацией API, справкой по пропсам и примерами, и доступен в двух вариантах — Radix UI и Base UI. Самые заметные:

Остальные: Alert, Autocomplete, Badge, Date Selector, Frame, Icon Stack, Number Field, Phone Input, Rating, Scrollspy, Timeline, Tree.

Все стандартные примитивы shadcn/ui тоже идут с библиотекой примеров — вот только часть:

Установка

ReUI следует подходу shadcn CLI — блоки добавляются из registry прямо в проект (элементы registry используют префикс c-):

npx shadcn@latest add @reui/c-button-10
npx shadcn@latest add @reui/c-data-grid-9
npx shadcn@latest add @reui/c-filters-5

Quick start: просмотрите каталог на reui.io/components, скопируйте сниппет, настройте под свои Tailwind-токены — код живёт в вашем репозитории, а не в пакете.

Требования: React 18+ и Tailwind CSS 3+.

AI-инструменты: MCP Server и Agent Skill

Главное для этого сайта — бесплатные инструменты, которые делают любой AI-coding-агент компетентным в работе с ReUI. Оба бесплатны для всех, лицензия не требуется:

• MCP Server — подключает любой coding-агент (Claude, Codex, Cursor, v0, Lovable, Replit, OpenCode, VS Code, Zed) к registry ReUI: живой поиск со скорингом, инлайновые API компонентов и установка через shadcn одной командой.
• Agent Skill — одна команда обучает агента рабочему процессу ReUI: search → install → read the real API → adapt by reuse → audit. Агент-агностичен, без лицензии.

ReUI строит свои компоненты на @tanstack/react-table, @dnd-kit/core, recharts, react-hook-form и zod.

ReUI Pro

Платная часть (одноразовая лицензия, источник — навсегда ваш) расширяет ту же основу: 490+ Pro-блоков полностраничных секций (Application, Solutions, eCommerce, Data Grid, Marketing) и 562 Motion Icons в 4 стилях (Outline, Solid, Duotone, Filled) с hover-анимацией — 2248 вариантов.

Локальная разработка

Репозиторий можно запустить локально — требуется Node.js 18+ и pnpm:

pnpm install
pnpm dev          # http://localhost:3000

Каталог генерируется из исходников registry-reui/ инструментами из scripts/:

Нюанс: обычный pnpm dev не пересобирает preview-бандлы. Если бандл устарел, категория зависает на компиляции — ищите Module not found: @reui/components-... в логах и запускайте pnpm components:packages. Вклад приветствуется: форкните репозиторий, добавьте изменения с TypeScript-типами и доступностью, откройте PR.

Кому пригодится

Фронтенд-разработчикам на React, которые хотят обойти «AI-дефолты»: ReUI даёт реалистичные дашборд-раскладки вместо изолированных демо и позволяет агентам стабильно генерировать качественный UI через MCP-сервер и Agent Skill. Copy-and-Own модель означает, что вы не зависите от пакета — код всегда ваш.