Шаблон админ-панели на Next.js 16 и shadcn/ui с готовыми дашбордами, экранами авторизации и пресетами оформления.
satnaing/shadcn-admin
Шаблон интерфейса админ-панели на компонентах Shadcn UI и Vite с поддержкой светлой и тёмной тем, RTL и глобальным поиском.
- Звёзды
- 16,564
- Форки
- 2,491
- Открытые issues
- 24
- Последний коммит
- 2 месяца назад
Что это?
Shadcn Admin — переиспользуемый интерфейс админ-панели на Shadcn UI, TailwindCSS, RadixUI и Vite. В нём есть более десяти готовых страниц и встроенный компонент боковой панели. Проект помогает не собирать типовые макеты дашбордов заново для каждого нового проекта.
В проекте предусмотрены светлая и тёмная темы, адаптивные макеты, глобальный поиск и дополнительные пользовательские компоненты помимо стандартного набора Shadcn. Несколько компонентов изменены для поддержки языков с письмом справа налево (RTL). В документации указано, какие из них нужно вручную объединить при обновлении через Shadcn CLI.
Для маршрутизации используется TanStack Router, для проверки типов — TypeScript, а для линтинга и форматирования — ESLint и Prettier. Clerk интегрирован для частичной аутентификации. Проект запускается локально с помощью pnpm и не является стартовым шаблоном.
Ключевые возможности
- 01Поддержка светлой и тёмной тем
- 02Адаптивная вёрстка с учётом доступности
- 03Встроенный компонент боковой панели и глобальный поиск
- 04Более десяти готовых страниц
- 05Поддержка RTL в нескольких пользовательских компонентах
Сценарии использования
- Создание фронтенда внутренней админ-панели или инструмента для бэк-офиса
- Прототипирование SaaS-дашборда на компонентах Shadcn
- Создание интерфейса админ-панели для пользователей языков с письмом справа налево
Быстрый старт
- 1
Клонируйте проект
git clone https://github.com/satnaing/shadcn-admin.git - 2
Перейдите в каталог проекта
cd shadcn-admin - 3
Установите зависимости
pnpm install - 4
Запустите сервер разработки
pnpm run dev
Что важно знать
- Аутентификация реализована лишь частично и использует Clerk — спонсора проекта, поэтому для некоторых функций может понадобиться аккаунт Clerk.
- Это шаблон интерфейса, а не стартовый проект, поэтому он не представляет собой готовую основу для приложения.
В подборках
Темы
Частые вопросы
- Что такое shadcn-admin?
- Шаблон интерфейса админ-панели на компонентах Shadcn UI и Vite с поддержкой светлой и тёмной тем, RTL и глобальным поиском. Shadcn Admin — переиспользуемый интерфейс админ-панели на Shadcn UI, TailwindCSS, RadixUI и Vite. В нём есть более десяти готовых страниц и встроенный компонент боковой панели. Проект помогает не собирать типовые макеты дашбордов заново для каждого нового проекта.
- shadcn-admin можно использовать бесплатно? Какая у него лицензия?
- shadcn-admin распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
- shadcn-admin всё ещё поддерживается?
- Обновлялся за последние 6 месяцев. Последний коммит в shadcn-admin — 10 сент. 2026 г..
- Для чего можно использовать shadcn-admin?
- Создание фронтенда внутренней админ-панели или инструмента для бэк-офиса Прототипирование SaaS-дашборда на компонентах Shadcn Создание интерфейса админ-панели для пользователей языков с письмом справа налево
- Как установить shadcn-admin?
- Клонируйте проект: git clone https://github.com/satnaing/shadcn-admin.git Перейдите в каталог проекта: cd shadcn-admin Установите зависимости: pnpm install Запустите сервер разработки: pnpm run dev
- Где скачать shadcn-admin?
- Исходный код и инструкции по установке — на GitHub: https://github.com/satnaing/shadcn-admin
Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.
Похожие проекты
Шаблон на React, Vite и TypeScript с shadcn/ui, Tailwind и Supabase, а также инструкциями для AI-помощников Copilot и Cursor.
Открытая low-code платформа для создания админ-панелей, внутренних инструментов и дашбордов с подключением к 25+ базам данных и любым API.
Открытые компоненты shadcn/ui, блоки и шаблоны дашбордов на React, Tailwind CSS и Base UI; добавляются в проект через CLI или копированием кода.
Бесплатный шаблон админ-панели на Bootstrap 5 с готовыми макетами, компонентами и страницами на базе библиотеки CoreUI.
Библиотека анимированных UI-компонентов и эффектов для React и Tailwind CSS, которые можно скопировать в приложения на Next.js или shadcn/ui.