colorlibhq/gentelella

Analysis updated 2026-06-21

★ 21,328HTMLAudience · developerComplexity · 2/5Setup · easy

Mindmap

mindmap
  root((repo))
    What it does
      Admin UI template
      Dashboard pages
      Charts and tables
    Tech Stack
      Bootstrap 5
      Vite bundler
      ECharts Chart.js
    Features
      Lazy-loaded chunks
      Local storage sidebar
      126 unit tests
    Use cases
      Admin panels
      Internal tools
      Back-office UI
    Audience
      Frontend developers
      Full-stack builders

mindmap root((repo)) What it does Admin UI template Dashboard pages Charts and tables Tech Stack Bootstrap 5 Vite bundler ECharts Chart.js Features Lazy-loaded chunks Local storage sidebar 126 unit tests Use cases Admin panels Internal tools Back-office UI Audience Frontend developers Full-stack builders

Click or tap to explore — scroll the page freely

What do people build with it?

USE CASE 1

Use Gentelella as a starting point to build an admin panel or internal tool without designing the UI yourself.

USE CASE 2

Get pre-built dashboard pages with charts, sortable tables, and forms ready to connect to your backend.

USE CASE 3

Customize the Bootstrap-based layout and branding to build a branded back-office interface quickly.

USE CASE 4

Use the Vite build system to add your own JavaScript logic on top of the template with fast reloads.

What is it built with?

HTMLCSSJavaScriptBootstrapViteEChartsChart.jsVitest

How does it compare?

	colorlibhq/gentelella	teamstuq/skill-map	rough-stuff/rough
Stars	21,328	21,345	20,943
Language	HTML	HTML	HTML
Setup difficulty	easy	easy	easy
Complexity	2/5	1/5	2/5
Audience	developer	developer	developer

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · easy Time to first run · 30min

In plain English

Gentelella is a free, open-source admin dashboard template built on top of Bootstrap 5, the popular front-end framework. It is the kind of project you grab when you need to build the back-office or settings area of a web app, the dashboards, tables, forms, charts, and login screens that sit behind a normal product, and you do not want to design and code all of those pages from scratch. According to the README, the template has been modernised around Vite, a fast development and build system, and it now ships as small, lazy-loaded chunks so the initial page load is dramatically smaller than the older monolithic JavaScript bundle. The latest 2.2.0 release tunes ECharts (a charting library) by importing only the chart types actually used, unifies the look of cards, panels, and tiles through shared CSS custom properties, sweeps the HTML for invalid markup, ensures every page has exactly one main heading, and remembers whether the sidebar is collapsed across pages using local storage. Real-time charts pause when the browser tab is hidden, and chart resizes are debounced. Earlier releases swapped Dropzone.js for the Uppy file uploader, added Bootstrap Icons, rebuilt the header with Bootstrap 5 flexbox utilities, removed legacy jQuery from the core, replaced the older Morris.js charts with Chart.js, and added 126 unit tests using the Vitest framework. You would use Gentelella as a starting point for an admin panel, internal tool, or back-end UI when you want the visual scaffolding ready and prefer to write your own logic on top. The repository's primary language is HTML.

Copy-paste prompts

Prompt 1

How do I set up Gentelella with Vite locally and start building my own admin dashboard on top of it?

Prompt 2

Show me how to add an ECharts data visualization to a Gentelella dashboard page.

Prompt 3

How do I customize the Gentelella sidebar to show my own navigation links and app branding?

Prompt 4

How does Gentelella's lazy-loading work so I can add a new page with minimal impact on bundle size?

Prompt 5

How do I connect a REST API to the Gentelella table component to display live data?

Frequently asked questions

What is gentelella?

Gentelella is a free Bootstrap 5 admin dashboard template with ready-made pages for dashboards, tables, forms, and charts so you can build internal tools without designing from scratch.

What language is gentelella written in?

Mainly HTML. The stack also includes HTML, CSS, JavaScript.

How hard is gentelella to set up?

Setup difficulty is rated easy, with roughly 30min to a first successful run.

Who is gentelella for?

Mainly developer.

Open on GitHub → Explain another repo

This repo across BitVibe Labs

Scan in gitsafehub Deploy in gitdeployhub colorlibhq on gitmyhub

Verify against the repo before relying on details.