Um template de interface para dashboards administrativos, feito com componentes Shadcn UI e Vite, com modos claro e escuro, suporte a RTL e busca global por comandos.
16,6 mil+263 esta semana2,5 milTypeScriptMITAtualizado há 2 meses
arhamkhnz/next-shadcn-admin-dashboard
Template de dashboard administrativo com Next.js 16 e shadcn/ui, vários dashboards prontos, telas de autenticação e temas predefinidos.
- Estrelas
- 3,265
- Forks
- 667
- Issues abertas
- 3
- Último commit
- anteontem
O que é?
Studio Admin é um template de dashboard administrativo em TypeScript, desenvolvido com Next.js 16 (App Router), Tailwind CSS v4 e shadcn/ui. Ele inclui vários dashboards prontos, como Default, CRM, Finance, Analytics e Productivity, além de páginas para gerenciamento de arquivos, chat, e-mail, kanban, faturas, calendário, usuários e funções, e quatro telas de autenticação.
O template prioriza a personalização: modos claro e escuro, predefinições de cores como Tangerine, Neo Brutalism e Soft Pop, sidebar recolhível e larguras de conteúdo ajustáveis. Os formulários usam React Hook Form com validação via Zod, o estado é gerenciado com Zustand e as tabelas de dados usam TanStack Table. O código é organizado por rota em uma estrutura baseada em colocation, e o Biome cuida da formatação e do linting.
O controle de acesso baseado em funções com UI orientada por configuração e o suporte a múltiplos tenants estão listados como planejados, não implementados.
Recursos principais
- 01Next.js 16 App Router com TypeScript, Tailwind CSS v4 e shadcn/ui
- 02Vários dashboards prontos, além de páginas para gerenciador de arquivos, chat, e-mail, kanban e faturas
- 03Temas claro e escuro com várias predefinições de cores
- 04Sidebar recolhível e layouts com largura de conteúdo ajustável
- 05Validação de formulários com React Hook Form e Zod, e gerenciamento de estado com Zustand
Casos de uso
- Começar um dashboard interno de back-office ou operações com shadcn/ui
- Prototipar painéis administrativos SaaS com layouts prontos de CRM, finanças ou analytics
- Reutilizar telas de autenticação e páginas de configurações em um projeto Next.js
Início rápido
- 1
Clone o repositório
git clone https://github.com/arhamkhnz/next-shadcn-admin-dashboard.git - 2
Acesse a pasta do projeto
cd next-shadcn-admin-dashboard - 3
Instale as dependências
npm install - 4
Inicie o servidor de desenvolvimento e abra http://localhost:3000
npm run dev
Antes de usar
- Algumas atualizações podem incluir alterações incompatíveis, então obter novas versões pode exigir trabalho de migração.
- O controle de acesso baseado em funções e o suporte a múltiplos tenants estão listados como planejados, mas ainda não estão disponíveis.
Em coleções
Tópicos
#nextjs#shadcn-ui#admin-dashboard#typescript#tailwindcss#react#admin-dashboard-ui#admin-panel#admin-ui#dashboard
Perguntas frequentes
- O que é next-shadcn-admin-dashboard?
- Template de dashboard administrativo com Next.js 16 e shadcn/ui, vários dashboards prontos, telas de autenticação e temas predefinidos. Studio Admin é um template de dashboard administrativo em TypeScript, desenvolvido com Next.js 16 (App Router), Tailwind CSS v4 e shadcn/ui. Ele inclui vários dashboards prontos, como Default, CRM, Finance, Analytics e Productivity, além de páginas para gerenciamento de arquivos, chat, e-mail, kanban, faturas, calendário, usuários e funções, e quatro telas de autenticação.
- next-shadcn-admin-dashboard é gratuito? Qual é a licença?
- next-shadcn-admin-dashboard é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
- next-shadcn-admin-dashboard ainda é mantido?
- Manutenção ativa. O último commit de next-shadcn-admin-dashboard foi em 6 de nov. de 2026.
- Para que posso usar next-shadcn-admin-dashboard?
- Começar um dashboard interno de back-office ou operações com shadcn/ui Prototipar painéis administrativos SaaS com layouts prontos de CRM, finanças ou analytics Reutilizar telas de autenticação e páginas de configurações em um projeto Next.js
- Como instalar next-shadcn-admin-dashboard?
- Clone o repositório: git clone https://github.com/arhamkhnz/next-shadcn-admin-dashboard.git Acesse a pasta do projeto: cd next-shadcn-admin-dashboard Instale as dependências: npm install Inicie o servidor de desenvolvimento e abra http://localhost:3000: npm run dev
- Onde consigo next-shadcn-admin-dashboard?
- O código-fonte e as instruções de instalação estão no GitHub: https://github.com/arhamkhnz/next-shadcn-admin-dashboard
Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.
Projetos relacionados
Um meta-framework headless para React, voltado à criação de painéis administrativos, dashboards e ferramentas internas com muito CRUD.
36 mil+39 esta semana3,3 milTypeScriptMITAtualizado há 2 meses
Plataforma low-code de código aberto para criar painéis administrativos, ferramentas internas e dashboards, conectando-se a mais de 25 bancos de dados e a qualquer API.
41,2 mil+41 esta semana4,8 milTypeScriptApache-2.0Bem mantidoAtualizado há 24 horas
Componentes, blocos e templates de dashboard open source para shadcn/ui, feitos com React, Tailwind CSS e Base UI, adicionados aos projetos via CLI ou copiar e colar.
793+4 esta semana70TypeScriptMITAtualizado há 3 dias
Biblioteca de componentes React e Tailwind CSS com componentes e efeitos de UI animados para copiar nos seus apps Next.js ou shadcn/ui.
23,1 mil+137 esta semana1,2 milMDXMITBem mantidoAtualizado há 3 dias
Um framework React para criar dashboards administrativos e aplicações de back-office de página única sobre APIs REST ou GraphQL, usando Material UI.
27 mil+10 esta semana5,5 milTypeScriptMITBem mantidoAtualizado há 6 horas