База компонентов · shadcn-ui

shadcn/ui

Стандарт copy-paste UI. То, что агенты знают лучше всего.

БесплатноReact · Tailwind · Radix/Base UICLI / registryMCPДокументация

Use with AI

Скопируй промпт и отдай агенту. Он соберёт решение в твоём стеке — с опорой на этот кит.

Используй shadcn/ui как базу компонентов.
Сайт: https://ui.shadcn.com
Карточка: https://proektmap.ru/sandbox/vibe-blocks/shadcn-ui

Инициализируй/дополни shadcn в проекте. Ставь только нужные компоненты через CLI.
Не изобретай свои Button/Dialog, если есть shadcn.
Стили через CSS variables темы. Accessibility не ломать.

Когда брать

·Любой новый React/Next проект
·Нужны формы, dialog, tabs, table
·Хочешь, чтобы агент меньше галлюцинировал

Когда не брать

·Готовые «вау»-секции из коробки (бери blocks/magic)
·Vue/Svelte без адаптеров

Сильные стороны

·Де-факто стандарт для AI-агентов
·Код в репозитории — агент его видит
·Экосистема registry (Magic, Kibo, …)

Ограничения

·Визуал минималистичный — «оживление» отдельно
·Нужен Tailwind

Типичные блоки / примеры

Button/Form/DialogData tableSidebarCharts (ecosystem)

С чем сочетается

Magic UIKibo UITailark

Альтернативы

HeroUICOSS UIMantine

Из России

Полностью open source; ставится через npm/GitHub.