Repolode
Enviar
ColorlibHQ

ColorlibHQ/gentelella

Template gratuito de dashboard administrativo, licenciado sob MIT e feito com JavaScript puro, SCSS e Vite, sem Bootstrap ou jQuery.

Ver no GitHubSite
Estrelas
21,561
Forks
6,827
Issues abertas
4
Último commit
há 8 dias

O que é?

Gentelella v4 é um template de dashboard administrativo para criar dashboards de SaaS, sistemas de CRM, ferramentas internas e interfaces semelhantes de back-office. Ele é feito com JavaScript puro e SCSS sobre o Vite 8, em uma configuração multipágina, sem dependências de Bootstrap, jQuery ou frameworks SPA. O template inclui 58 páginas HTML com dashboards, telas de autenticação, formulários, tabelas baseadas em DataTables, gráficos com ECharts e páginas de aplicativos, como caixa de entrada, quadro kanban, calendário e gerenciador de arquivos.

O template inclui temas claro e escuro, um gerador de temas em tempo real que gera tokens SCSS, um playground de componentes que mostra o HTML de cada componente, uma paleta de comandos aberta com Cmd+K e um modo de layout RTL. Os tokens de design são propriedades personalizadas de CSS, então é possível alterar cores e fontes em um só lugar. Você pode executá-lo localmente com npm, gerar arquivos estáticos para qualquer hospedagem de conteúdo estático ou usá-lo como pacote npm ou via jsDelivr.

O projeto é um template de UI, não um aplicativo completo. Os formulários não persistem dados, não há autenticação nem recursos em tempo real; você conecta seu próprio backend e camada de dados.

Recursos principais

  • 01JavaScript puro e SCSS, sem dependências de Bootstrap ou jQuery, com Vite 8.
  • 0258 páginas HTML prontas, incluindo dashboards, telas de autenticação, formulários e páginas de e-commerce.
  • 0320 variações de gráficos com ECharts e DataTables com ordenação, pesquisa, seleção de linhas e exportação para CSV.
  • 04Temas claro e escuro com gerador de temas em tempo real que gera tokens SCSS.
  • 05Páginas de aplicativos para caixa de entrada, kanban, calendário e gerenciador de arquivos, com uma paleta de comandos aberta com Cmd+K.
  • 06Suporte a layout RTL e manifesto PWA com service worker.

Casos de uso

  • Começar um painel administrativo de SaaS ou interno sem adotar um framework frontend pesado.
  • Criar protótipos de telas de back-office e compartilhar uma referência de design interativa.
  • Desenvolver uma interface de CRM, ERP ou gerenciamento de projetos sobre sua própria API.
  • Publicar um site administrativo estático no Netlify, Vercel, S3 ou GitHub Pages.

Início rápido

  1. 1

    Abra o guia de introdução do Gentelella para ver as etapas de configuração e build

  2. 2

    Faça o build do projeto com npm (conforme indicado no README)

    npm run build

Antes de usar

  • Para fazer o build do projeto, é necessário ter o ambiente de ferramentas Node.js e npm com Vite.

Tópicos

#admin-dashboard#admin-template#vanilla-javascript#scss#vite#dashboard-ui#dark-mode#frontend-template#admin#admin-dashboard-template

Perguntas frequentes

O que é gentelella?
Template gratuito de dashboard administrativo, licenciado sob MIT e feito com JavaScript puro, SCSS e Vite, sem Bootstrap ou jQuery. Gentelella v4 é um template de dashboard administrativo para criar dashboards de SaaS, sistemas de CRM, ferramentas internas e interfaces semelhantes de back-office. Ele é feito com JavaScript puro e SCSS sobre o Vite 8, em uma configuração multipágina, sem dependências de Bootstrap, jQuery ou frameworks SPA. O template inclui 58 páginas HTML com dashboards, telas de autenticação, formulários, tabelas baseadas em DataTables, gráficos com ECharts e páginas de aplicativos, como caixa de entrada, quadro kanban, calendário e gerenciador de arquivos.
gentelella é gratuito? Qual é a licença?
gentelella é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
gentelella ainda é mantido?
Manutenção ativa. O último commit de gentelella foi em 31 de out. de 2026.
Para que posso usar gentelella?
Começar um painel administrativo de SaaS ou interno sem adotar um framework frontend pesado. Criar protótipos de telas de back-office e compartilhar uma referência de design interativa. Desenvolver uma interface de CRM, ERP ou gerenciamento de projetos sobre sua própria API. Publicar um site administrativo estático no Netlify, Vercel, S3 ou GitHub Pages.
Como instalar gentelella?
Abra o guia de introdução do Gentelella para ver as etapas de configuração e build Faça o build do projeto com npm (conforme indicado no README): npm run build
Onde consigo gentelella?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/ColorlibHQ/gentelella

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados