Plantilla de interfaz para dashboards de administración, basada en componentes Shadcn UI y Vite, con modo claro y oscuro, compatibilidad con RTL y búsqueda global.
16,6 mil+263 esta semana2,5 milTypeScriptMITActualizado hace 2 meses
arhamkhnz/next-shadcn-admin-dashboard
Plantilla de panel de administración con Next.js 16 y shadcn/ui, varios dashboards prediseñados, pantallas de autenticación y temas predefinidos.
- Estrellas
- 3,265
- Forks
- 667
- Issues abiertos
- 3
- Último commit
- anteayer
¿Qué es?
Studio Admin es una plantilla de panel de administración en TypeScript, creada con Next.js 16 (App Router), Tailwind CSS v4 y shadcn/ui. Incluye varios dashboards prediseñados —Default, CRM, Finance, Analytics y Productivity—, además de páginas para gestión de archivos, chat, correo electrónico, kanban, facturas, calendario, administración de usuarios y roles, y cuatro pantallas de autenticación.
La plantilla está pensada para personalizarse: ofrece modos claro y oscuro, paletas de colores como Tangerine, Neo Brutalism y Soft Pop, una barra lateral contraíble y anchos de contenido ajustables. Los formularios usan React Hook Form con validación de Zod, el estado se gestiona con Zustand y las tablas de datos usan TanStack Table. El código se organiza por ruta, agrupando cada parte junto a la ruta correspondiente, y Biome se encarga del formato y el linting.
El control de acceso basado en roles con una interfaz de usuario controlada por configuración y la compatibilidad con varios tenants figuran como funcionalidades previstas, no implementadas.
Funciones clave
- 01Next.js 16 App Router con TypeScript, Tailwind CSS v4 y shadcn/ui
- 02Varios dashboards prediseñados, además de páginas de gestión de archivos, chat, correo electrónico, kanban y facturas
- 03Temas claros y oscuros con varias paletas de colores
- 04Barra lateral contraíble y diseños con ancho de contenido ajustable
- 05Validación de formularios con React Hook Form y Zod, y gestión del estado con Zustand
Casos de uso
- Crear un dashboard interno de back office u operaciones con shadcn/ui
- Crear prototipos de paneles de administración SaaS con diseños listos para CRM, finanzas o analítica
- Reutilizar pantallas de autenticación y páginas de configuración en un proyecto de Next.js
Inicio rápido
- 1
Clona el repositorio
git clone https://github.com/arhamkhnz/next-shadcn-admin-dashboard.git - 2
Accede a la carpeta del proyecto
cd next-shadcn-admin-dashboard - 3
Instala las dependencias
npm install - 4
Inicia el servidor de desarrollo y abre http://localhost:3000
npm run dev
Antes de usarlo
- Algunas actualizaciones pueden incluir cambios incompatibles, por lo que incorporar nuevas versiones puede requerir tareas de migración.
- El control de acceso basado en roles y la compatibilidad con múltiples inquilinos figuran como funciones previstas, pero aún no están disponibles.
En colecciones
Temas
#nextjs#shadcn-ui#admin-dashboard#typescript#tailwindcss#react#admin-dashboard-ui#admin-panel#admin-ui#dashboard
Preguntas frecuentes
- ¿Qué es next-shadcn-admin-dashboard?
- Plantilla de panel de administración con Next.js 16 y shadcn/ui, varios dashboards prediseñados, pantallas de autenticación y temas predefinidos. Studio Admin es una plantilla de panel de administración en TypeScript, creada con Next.js 16 (App Router), Tailwind CSS v4 y shadcn/ui. Incluye varios dashboards prediseñados —Default, CRM, Finance, Analytics y Productivity—, además de páginas para gestión de archivos, chat, correo electrónico, kanban, facturas, calendario, administración de usuarios y roles, y cuatro pantallas de autenticación.
- ¿next-shadcn-admin-dashboard es gratuito? ¿Qué licencia tiene?
- next-shadcn-admin-dashboard es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
- ¿next-shadcn-admin-dashboard sigue mantenido?
- Mantenimiento activo. El último commit de next-shadcn-admin-dashboard fue el 6 nov 2026.
- ¿Para qué puedo usar next-shadcn-admin-dashboard?
- Crear un dashboard interno de back office u operaciones con shadcn/ui Crear prototipos de paneles de administración SaaS con diseños listos para CRM, finanzas o analítica Reutilizar pantallas de autenticación y páginas de configuración en un proyecto de Next.js
- ¿Cómo se instala next-shadcn-admin-dashboard?
- Clona el repositorio: git clone https://github.com/arhamkhnz/next-shadcn-admin-dashboard.git Accede a la carpeta del proyecto: cd next-shadcn-admin-dashboard Instala las dependencias: npm install Inicia el servidor de desarrollo y abre http://localhost:3000: npm run dev
- ¿Dónde consigo next-shadcn-admin-dashboard?
- El código fuente y las instrucciones de instalación están en GitHub: https://github.com/arhamkhnz/next-shadcn-admin-dashboard
Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.
Proyectos relacionados
Un meta-framework headless de React para crear paneles de administración, dashboards y herramientas internas con muchas operaciones CRUD.
36 mil+39 esta semana3,3 milTypeScriptMITActualizado hace 2 meses
Plataforma low-code de código abierto para crear paneles de administración, herramientas internas y dashboards, conectada a más de 25 bases de datos y cualquier API.
41,2 mil+41 esta semana4,8 milTypeScriptApache-2.0Bien mantenidoActualizado ayer
Componentes, bloques y plantillas de dashboard de código abierto al estilo shadcn/ui, creados con React, Tailwind CSS y Base UI, que se añaden a los proyectos mediante CLI o copiando el código.
793+4 esta semana70TypeScriptMITActualizado hace 3 días
Biblioteca de componentes y efectos de UI animados para React y Tailwind CSS, que puedes copiar en tus aplicaciones de Next.js o shadcn/ui.
23,1 mil+137 esta semana1,2 milMDXMITBien mantenidoActualizado hace 3 días
Framework de React para crear paneles de administración y aplicaciones de back office de una sola página sobre API REST o GraphQL, con Material UI.
27 mil+10 esta semana5,5 milTypeScriptMITBien mantenidoActualizado hace 7 horas