Skip to content

Gentelella

Free admin dashboard template built with vanilla JavaScript, SCSS and Vite, without Bootstrap or jQuery.

Stars
21.6k
Forks
6.8k
Licence
MIT
Language
HTML
Last update
6 days ago
Type
Library

What it is

Gentelella is a free, MIT-licensed starter layout for admin dashboards, the kind of screens used in SaaS products, CRMs and internal tools. It is written in plain HTML, JavaScript and SCSS, and is built with the Vite build tool, so you can copy its pages and components into your own project. It ships with many example pages, including dashboards, forms, tables, charts, an inbox and a kanban board.

  • Start an internal admin panel with a sidebar, dashboard pages and forms
  • Explore the component playground to copy HTML for buttons, cards and other UI pieces
  • Use the live theme generator to pick a primary color and export SCSS tokens
  • Adapt the included ECharts chart examples for your own data

Great for

  • Developers who want a starting point for an internal admin panel without adopting a frontend framework
  • Teams that want to avoid Bootstrap and jQuery dependencies
  • Projects that need many ready-made example pages such as tables, forms and charts
  • Designers who want to preview and customize a dashboard theme using the built-in theme generator

Not ideal for

  • People who want a React, Vue or other SPA framework setup, since the README says it has no SPA framework; the separate Laravel edition is a different package
  • Non-technical users who need a no-code tool, because it requires editing code and running a build
  • Projects that depend on Bootstrap components specifically, since this template is designed without Bootstrap
Step-by-step guide: how to use GentelellaInstall, first run, examples, tips and FAQs

How to get it

  1. 1

    Clone and build from source

    You'll need: Node.js

    Clone the repository

    git clone https://github.com/ColorlibHQ/gentelella.git
  2. 2

    Run it

    • Clone the repository and open the project folder
    • Install dependencies with the package manager described in the README
    • Start the Vite development server or run the build as described in the README
    • Open the local page in a browser to view the dashboard
  3. 3

    Get the most out of it

    • Use the component playground to copy exact HTML for reusable components
    • Try the live theme generator to customize the primary color and download SCSS tokens
    • Use the included dark mode and RTL support if your audience needs them
    • Review the docs/rtl.md file if you plan to build right-to-left layouts

Downloads

Strengths

  • Free and MIT-licensed, with the README stating it is free for personal and commercial use
  • Covers a wide range of pages, including 58 HTML pages and 20 chart variants according to the README
  • Built without Bootstrap or jQuery, using vanilla JavaScript and SCSS with Vite 8

Trade-offs

  • The README does not describe a backend, so you must add your own data and server logic
  • Its size is substantial, with the README citing about 165 MB of node_modules
  • Using the template requires comfort with a Node.js build workflow and editing HTML and JavaScript

How it compares

ProjectStarsTypeLevelUpdatedBest for
gentelella (this)21.6kLibraryintermediate6 days agoDevelopers who want a starting point for an internal admin panel without adopting a frontend framework
AdminLTE45.7kLibrarybeginner5 days agoDevelopers building an internal admin panel or back-office tool quickly
tabler42kLibrarybeginner7 days agoDevelopers building internal admin panels or dashboards quickly
coreui-free-bootstrap-admin-template12.3kAppintermediate3 months agoDevelopers building an internal admin or dashboard page with Bootstrap
vuestic-admin11kAppintermediate8 months agoDevelopers starting a new internal admin or dashboard in Vue
ngx-admin25.7kFrameworkintermediate2.1 years agoDevelopers starting a new Angular admin or back-office dashboard

Stats synced from GitHub. The assessment above was drafted with AI from the project's README on 2026-10-29 and may miss recent changes — check the README before relying on a command. MIT licence: free to use, modify and distribute, including commercially, as long as you keep the copyright notice.