ElaAdmin

ElaAdmin is a free, MIT-licensed Bootstrap 5 admin dashboard template built on Vite 8 with the Rolldown bundler, offering dashboards, charts, tables, forms, and authentication pages out of the box.

What is ElaAdmin?

ElaAdmin is a fully responsive admin dashboard template created by Colorlib, now at version 4.0.0. It takes raw HTML, SCSS, and ES6+ JavaScript as source files and produces a static build in a dist/ folder via Vite, with code splitting, tree-shaking, and asset fingerprinting. The template runs entirely in the browser with no backend and no jQuery dependency, using vanilla JavaScript and Bootstrap 5.3 components.

Key Features

• Vite 8 with Rolldown — production builds are roughly 2.5 times faster than the previous Vite 5 setup, with hot module replacement in development.
• Zero jQuery — all interactivity is written in ES6+ modules, including a custom dependency-free SimpleDataTable implementation in tables-data.js.
• Bootstrap 5.3 and SCSS — modular styles under src/scss with a _variables.scss file for theme customization before Bootstrap loads.
• Component-based architecture — reusable Handlebars partials for the head, header, sidebar, footer, and scripts, so new pages are assembled from shared layout blocks.
• Chart.js 4 and DataTables 3 — charts render via Chart.js 4; DataTables includes Buttons, Responsive, and HTML5 export extensions, with pdfmake and JSZip lazy-loaded so the tables entry chunk drops from 2,549 kB to 1.9 kB.
• Self-hosted assets — Font Awesome 7, Bootstrap Icons, the Inter variable font, Chart.js, and Leaflet are bundled or self-hosted from npm; no third-party CDN scripts or Google Fonts requests.
• Ready-made pages — includes a main dashboard, 10 UI element pages, basic and data tables, basic and advanced forms, Chart.js charts, two icon pages, Google and vector maps, widgets, login, register, and forgot-password pages.
• Security and tooling — all 25 open Dependabot alerts resolved with 0 npm audit vulnerabilities; ESLint 10 flat config, Prettier, and a CI workflow run lint, format, build, and audit checks.

Who is it for?

• Front-end developers who need a jQuery-free starting point for a Bootstrap 5 admin panel and want a documented Vite build pipeline with lazy-loaded routes.
• Startups and small teams building internal dashboards or back-offices that need authentication pages, tables, charts, and forms without paying for a commercial template.
• Students and hobbyists learning modern JavaScript and SCSS by reading a real project with Handlebars partials, ES6 modules, and a CI workflow.

What can you do with ElaAdmin?

• Build a custom admin panel: replace the sample data in the dashboard widgets, charts, and DataTables with your own API responses using the included fetch/utility functions.
• Create an authentication flow: use the login, register, and forgot-password pages as the shell for your own auth logic and redirects.
• Prototype UI components quickly: copy buttons, badges, cards, modals, progress bars, switches, grids, typography, and tabs examples into a new page assembled from Handlebars partials.

How does ElaAdmin work?

Clone the repository, run npm install, then npm run dev to start a development server at http://localhost:3000 with hot reload. To add a page, create an HTML file in the root that includes the Handlebars partials for head, sidebar, header, footer, and scripts, register it in vite.config.js, and optionally add a page module under src/js/pages. Production builds are generated with npm run build and deployed from the dist/ folder.

Pricing

ElaAdmin is completely free and licensed under the MIT License, which allows use, copying, modification, merging, publishing, distribution, sublicensing, and selling copies as long as Colorlib is credited as the original author.

FAQ

Is ElaAdmin free?

Yes, ElaAdmin is completely free and distributed under the MIT License. You can use it in personal and commercial projects with attribution to Colorlib as the original author.

Does ElaAdmin require jQuery?

No. Version 3.0 removed all jQuery dependencies, and version 4.0 continues with pure vanilla JavaScript using ES6+ modules, async/await, and arrow functions.

What Node.js version do I need?

The system requirements are Node.js versions 20.19 or higher in the 20.x line, 22.13 or higher in the 22.x line, or 24.0 or higher; a .nvmrc file is included to pick the recommended version with nvm use.

Which browsers are supported?

ElaAdmin supports Chrome 111 and newer, Edge 111 and newer, Firefox 113 and newer, Safari 16.4 and newer, and Opera 97 and newer. Internet Explorer is not supported.

How do I add a new page?

Create an HTML file in the root directory, register it in the input map in vite.config.js, add page-specific JavaScript in src/js/pages/, and link it in the sidebar partial src/partials/sidebar-ela.hbs.