Repolode
Submit
ColorlibHQ

ColorlibHQ/gentelella

A free, MIT-licensed admin dashboard template built with vanilla JavaScript, SCSS and Vite, with no Bootstrap or jQuery.

View on GitHubWebsite
Stars
21,561
Forks
6,827
Open issues
4
Last commit
8 days ago

What is it?

Gentelella v4 is an admin dashboard template for building SaaS dashboards, CRM systems, internal tools and similar back-office interfaces. It is written in vanilla JavaScript and SCSS on top of Vite 8 with a multi-page setup, so it has no Bootstrap, jQuery or SPA framework dependency. The template ships 58 HTML pages covering dashboards, authentication screens, forms, DataTables-based tables, ECharts charts, and app pages such as an inbox, kanban board, calendar and file manager.

The template includes light and dark themes, a live theme generator that outputs SCSS design tokens, a component playground that shows each component's HTML, a command palette opened with Cmd+K, and an RTL layout mode. Design tokens are CSS custom properties, so colors and fonts can be changed in one place. It can be run locally with npm, built to static files for any static host, or consumed as an npm package or through jsDelivr.

The project is a UI template rather than a complete application. Forms do not persist data, there is no authentication, and there are no real-time features; you connect your own backend and data layer.

Key features

  • 01Vanilla JavaScript and SCSS with no Bootstrap or jQuery dependency, built on Vite 8.
  • 0258 ready-made HTML pages including dashboards, auth screens, forms and e-commerce views.
  • 0320 ECharts chart variants and DataTables with sorting, search, row selection and CSV export.
  • 04Light and dark themes with a live theme generator that outputs SCSS tokens.
  • 05Inbox, kanban, calendar and file manager app pages with a Cmd+K command palette.
  • 06RTL layout support and a PWA manifest with a service worker.

Use cases

  • Starting a SaaS or internal admin panel without adopting a heavy frontend framework.
  • Prototyping back-office screens and sharing a clickable design reference.
  • Building a CRM, ERP or project management UI on top of your own API.
  • Deploying a static admin site to Netlify, Vercel, S3 or GitHub Pages.

Quick start

  1. 1

    Open the Gentelella getting-started guide for setup and build steps

  2. 2

    Build the project with npm (from the README)

    npm run build

Things to know

  • Building the project requires a Node.js and npm toolchain with Vite.

Topics

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

FAQ

What is gentelella?
A free, MIT-licensed admin dashboard template built with vanilla JavaScript, SCSS and Vite, with no Bootstrap or jQuery. Gentelella v4 is an admin dashboard template for building SaaS dashboards, CRM systems, internal tools and similar back-office interfaces. It is written in vanilla JavaScript and SCSS on top of Vite 8 with a multi-page setup, so it has no Bootstrap, jQuery or SPA framework dependency. The template ships 58 HTML pages covering dashboards, authentication screens, forms, DataTables-based tables, ECharts charts, and app pages such as an inbox, kanban board, calendar and file manager.
Is gentelella free to use? What license does it have?
gentelella is open source under the MIT license. Check the license terms before using it in commercial products.
Is gentelella still maintained?
Actively maintained. The last commit to gentelella was on Oct 31, 2026.
What can I use gentelella for?
Starting a SaaS or internal admin panel without adopting a heavy frontend framework. Prototyping back-office screens and sharing a clickable design reference. Building a CRM, ERP or project management UI on top of your own API. Deploying a static admin site to Netlify, Vercel, S3 or GitHub Pages.
How do I install gentelella?
Open the Gentelella getting-started guide for setup and build steps Build the project with npm (from the README): npm run build
Where can I get gentelella?
The source code and installation instructions are on GitHub: https://github.com/ColorlibHQ/gentelella

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects