требуется вход
Войдите, чтобы смотреть видео
Видеоуроки, интерактивный редактор и сохранение прогресса — бесплатно, сразу после входа.
ВойтиСоздать аккаунт — бесплатноЗакончили урок?
Войдите, чтобы отмечать прогресс
Урок
Видеоуроки, интерактивный редактор и сохранение прогресса — бесплатно, сразу после входа.
ВойтиСоздать аккаунт — бесплатноЗакончили урок?
Войдите, чтобы отмечать прогресс
Shadcn/ui — это коллекция переиспользуемых React-компонентов на Tailwind CSS и Radix UI, которые копируются прямо в ваш проект для полной кастомизации.
Перейдите на официальный сайт с документацией и каталогом компонентов (кнопки, формы, таблицы, модалки). shadcn
Команда npx shadcn@latest init --preset a0 --template next выполняет быструю инициализацию в Next.js проекте:
--preset a0 — предустановленный стиль (New York / современный дизайн)--template next — автоматическая настройка под App Router + TypeScriptcomponents.json, tailwind.config.js, lib/utils.ts, папку components/ui/ и globals.css с темамиПосле запуска отвечайте на вопросы CLI (стиль, цвета, CSS-переменные) — через 2 минуты у вас готов стек для UI вашего проекта
После инициализации добавляйте компоненты командой npx shadcn@latest add [компонент] — каждый генерирует готовый TypeScript-код в components/ui/.
По отдельности:
Альтернатива — одной командой (все сразу):
Все компоненты типизированы и готовы для кастомизации в вашем Next.js проекте!