Repolode
ColorlibHQ

ColorlibHQ/gentelella

Plantilla gratuita de dashboard de administración con licencia MIT, creada con JavaScript vanilla, SCSS y Vite, sin Bootstrap ni jQuery.

Estrellas
21,556
Forks
6,828
Issues abiertos
4
Último commit
hace 6 días

¿Qué es?

Gentelella v4 es una plantilla de dashboard de administración para crear dashboards de SaaS, sistemas CRM, herramientas internas y otras interfaces de back office similares. Está desarrollada con JavaScript vanilla y SCSS sobre Vite 8, con una configuración multipágina, por lo que no depende de Bootstrap, jQuery ni de un framework SPA. La plantilla incluye 58 páginas HTML para dashboards, pantallas de autenticación, formularios, tablas basadas en DataTables, gráficos de ECharts y páginas de aplicaciones como una bandeja de entrada, un tablero kanban, un calendario y un gestor de archivos.

La plantilla incluye temas claro y oscuro, un generador de temas en vivo que produce tokens SCSS, un espacio de pruebas de componentes que muestra el HTML de cada uno, una paleta de comandos que se abre con Cmd+K y un modo de diseño RTL. Los tokens de diseño son propiedades personalizadas de CSS, así que puedes cambiar los colores y las fuentes desde un solo lugar. Puedes ejecutarla localmente con npm, compilarla como archivos estáticos para cualquier hosting estático o usarla como paquete npm o a través de jsDelivr.

El proyecto es una plantilla de interfaz de usuario, no una aplicación completa. Los formularios no guardan datos, no incluye autenticación ni funciones en tiempo real; debes conectarle tu propio backend y capa de datos.

Funciones clave

  • 01JavaScript vanilla y SCSS, sin dependencias de Bootstrap ni jQuery, sobre Vite 8.
  • 0258 páginas HTML listas para usar, con dashboards, pantallas de autenticación, formularios y vistas de comercio electrónico.
  • 0320 variantes de gráficos de ECharts y tablas de DataTables con ordenamiento, búsqueda, selección de filas y exportación a CSV.
  • 04Temas claro y oscuro con un generador de temas en vivo que produce tokens SCSS.
  • 05Páginas de aplicaciones para bandeja de entrada, kanban, calendario y gestor de archivos, con una paleta de comandos que se abre con Cmd+K.
  • 06Compatibilidad con diseños RTL y un manifiesto PWA con un service worker.

Casos de uso

  • Iniciar un panel de administración para SaaS o uso interno sin adoptar un framework frontend pesado.
  • Crear prototipos de pantallas de back office y compartir una referencia de diseño interactiva.
  • Crear una interfaz de CRM, ERP o gestión de proyectos sobre tu propia API.
  • Implementar un sitio estático de administración en Netlify, Vercel, S3 o GitHub Pages.

Inicio rápido

  1. 1

    Abre la guía de inicio de Gentelella para consultar los pasos de configuración y compilación

  2. 2

    Compila el proyecto con npm (según el README)

    npm run build

Antes de usarlo

  • Para compilar el proyecto, se necesita un entorno de herramientas de Node.js y npm con Vite.

Temas

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

Preguntas frecuentes

¿Qué es gentelella?
Plantilla gratuita de dashboard de administración con licencia MIT, creada con JavaScript vanilla, SCSS y Vite, sin Bootstrap ni jQuery. Gentelella v4 es una plantilla de dashboard de administración para crear dashboards de SaaS, sistemas CRM, herramientas internas y otras interfaces de back office similares. Está desarrollada con JavaScript vanilla y SCSS sobre Vite 8, con una configuración multipágina, por lo que no depende de Bootstrap, jQuery ni de un framework SPA. La plantilla incluye 58 páginas HTML para dashboards, pantallas de autenticación, formularios, tablas basadas en DataTables, gráficos de ECharts y páginas de aplicaciones como una bandeja de entrada, un tablero kanban, un calendario y un gestor de archivos.
¿gentelella es gratuito? ¿Qué licencia tiene?
gentelella es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿gentelella sigue mantenido?
Mantenimiento activo. El último commit de gentelella fue el 31 oct 2026.
¿Para qué puedo usar gentelella?
Iniciar un panel de administración para SaaS o uso interno sin adoptar un framework frontend pesado. Crear prototipos de pantallas de back office y compartir una referencia de diseño interactiva. Crear una interfaz de CRM, ERP o gestión de proyectos sobre tu propia API. Implementar un sitio estático de administración en Netlify, Vercel, S3 o GitHub Pages.
¿Cómo se instala gentelella?
Abre la guía de inicio de Gentelella para consultar los pasos de configuración y compilación Compila el proyecto con npm (según el README): npm run build
¿Dónde consigo gentelella?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/ColorlibHQ/gentelella

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados