Template gratuito e open source de dashboard administrativo com Bootstrap 5, layouts, componentes e páginas prontos, baseado na biblioteca de UI CoreUI.
soybeanjs/soybean-admin
Template administrativo com Vue 3, Vite, TypeScript e Naive UI, com temas, i18n, rotas baseadas em arquivos e CLI integrada para aplicações de back-office.
- Estrelas
- 15,148
- Forks
- 2,521
- Issues abertas
- 7
- Último commit
- há 24 horas
O que é?
SoybeanAdmin é um template de dashboard administrativo desenvolvido com Vue 3, Vite, TypeScript, Pinia, Naive UI e UnoCSS. Ele oferece um layout pronto, com páginas para erros 403, 404 e 500, componentes de configuração de abas e temas e estilos responsivos para dispositivos móveis, para que as equipes comecem a criar interfaces de gerenciamento sem precisar montar o básico por conta própria.
O projeto usa um monorepo pnpm e inclui um sistema automático de roteamento baseado em arquivos, que gera imports de rotas, declarações e tipos por meio da ferramenta Elegant Router. O roteamento dá suporte tanto a rotas estáticas no frontend quanto a rotas dinâmicas vindas de um backend, e a internacionalização já vem integrada. As ferramentas de qualidade de código incluem ESLint, oxlint, oxfmt e Git Hooks; além disso, uma ferramenta de linha de comando integrada gerencia commits, exclusão de arquivos e releases.
O template é licenciado sob a licença MIT. O README informa que a versão 2.3 é a última versão principal mantida da linha 2.x e que o desenvolvimento está migrando para uma versão 3.0, ainda em desenvolvimento.
Recursos principais
- 01Desenvolvido com Vue 3, Vite, TypeScript, Pinia e UnoCSS.
- 02Roteamento automático baseado em arquivos, com geração de tipos para as rotas.
- 03Rotas estáticas e rotas dinâmicas com permissões definidas pelo backend.
- 04Internacionalização integrada, configuração de temas e vários templates de página.
- 05Ferramenta de linha de comando para commits convencionais e releases.
- 06Layout responsivo para navegadores em dispositivos móveis.
Casos de uso
- Começar a desenvolver um back-office interno ou dashboard administrativo com Vue 3.
- Aprender uma stack moderna de Vue com roteamento, gerenciamento de estado e temas em um único projeto.
- Criar um sistema de gerenciamento que precise de permissões estáticas ou definidas pelo backend.
Tópicos
Perguntas frequentes
- O que é soybean-admin?
- Template administrativo com Vue 3, Vite, TypeScript e Naive UI, com temas, i18n, rotas baseadas em arquivos e CLI integrada para aplicações de back-office. SoybeanAdmin é um template de dashboard administrativo desenvolvido com Vue 3, Vite, TypeScript, Pinia, Naive UI e UnoCSS. Ele oferece um layout pronto, com páginas para erros 403, 404 e 500, componentes de configuração de abas e temas e estilos responsivos para dispositivos móveis, para que as equipes comecem a criar interfaces de gerenciamento sem precisar montar o básico por conta própria.
- soybean-admin é gratuito? Qual é a licença?
- soybean-admin é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
- soybean-admin ainda é mantido?
- Manutenção ativa. O último commit de soybean-admin foi em 21 de out. de 2026.
- Para que posso usar soybean-admin?
- Começar a desenvolver um back-office interno ou dashboard administrativo com Vue 3. Aprender uma stack moderna de Vue com roteamento, gerenciamento de estado e temas em um único projeto. Criar um sistema de gerenciamento que precise de permissões estáticas ou definidas pelo backend.
- Onde consigo soybean-admin?
- O código-fonte e as instruções de instalação estão no GitHub: https://github.com/soybeanjs/soybean-admin
Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.
Projetos relacionados
Template gratuito de dashboard administrativo, licenciado sob MIT, feito com Bootstrap 5.3 e JavaScript puro, sem jQuery.
Um simulador de fazenda e vida em texto, ambientado em uma vila de estilo chinês e inspirado em Stardew Valley, feito com Vue 3 e TypeScript para o navegador.
Um meta-framework headless para React, voltado à criação de painéis administrativos, dashboards e ferramentas internas com muito CRUD.
Aplicativo web para criar QR codes personalizados e estilizados e ler QR codes usando a câmera ou imagens enviadas.
Extensão de nova aba que exibe os favoritos como um teclado e associa comandos do navegador a combinações de teclas para acesso rápido.