An admin interface built with Tailwind CSS utility classes and the Flowbite component library
HTMLAdmin dashboard
flowbite-admin-dashboard-nodejs — HTML Admin dashboard Template
By saiteja-madha
An admin dashboard template based on Tailwind CSS and the Flowbite component library, adapted by saiteja-madha into a Node.js version using Express and EJS, under the MIT license.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Author preview
Author-provided preview
Preview provided in the project README.
One original preview is available. Open the full image to inspect the design.
Screenshots show visual appearance; interactive behavior may differ.
Recorded 2026-10-03View source
What stands out
A quick read of the recorded project description.
Adapted by saiteja-madha into a Node.js version using Express and EJS
Includes 15 example pages: two dashboard layouts, product and user CRUD, settings, login and registration, and 404 and 500 error pages
Interactive components cover the navbar, modals, drawers, and tooltips; charts use third-party libraries such as ApexCharts
Under the MIT license, allowing free use, modification, commercial use, and distribution
Template Details
This template is a fork of the Flowbite Admin Dashboard. The original project was built by Themesberg with Tailwind CSS and the Flowbite component library; this repository reworks it into a Node.js implementation using Express as the server framework and EJS as the template engine. The repository README states that this is a fork for creating a NodeJS version of the dashboard, and the original project is located at themesberg/flowbite-admin-dashboard.
In terms of pages, the template provides 15 example pages, including two dashboard home layouts (with charts, tables, date pickers, and statistics components), two CRUD layout pages for products and users, a settings page, authentication pages such as login and registration, and custom 404 and 500 error pages. Interactive components such as the navbar, modals, drawers, and tooltips come from Flowbite. The chart sections use third-party libraries such as ApexCharts and are customized according to the Flowbite design system and Tailwind CSS classes.
On the technical stack, styling is based on Tailwind CSS utility classes, and the build process involves Webpack and PostCSS. The repository file structure includes directories such as content, data, layouts, src, and static, along with configuration files such as tailwind.config.js and webpack.config.js. The workflow listed in the README also mentions HUGO, but this fork actually runs with Express and EJS.
Regarding usage restrictions, the template code is under the MIT license, allowing free use, modification, commercial use, and distribution; when distributing, the copyright notice and license notice must be retained. Third-party assets such as demo images, fonts, and icons must be checked separately under their respective licenses. The repository does not state production readiness or performance metrics.
HTMLAdmin panel
Is it right for your project?
Use Cases
- Node.js projects that need to build an admin interface based on Express and EJS
- Scenarios where you want to quickly build dashboard pages directly with Tailwind CSS and Flowbite components
- Projects that need CRUD layouts for products and users, as well as authentication pages such as login and registration, as a starting point
- Sites that need examples of error pages such as 404 and 500 and a maintenance page
Suitable For
- Developers building admin systems with Node.js, Express, and EJS
- Front-end developers familiar with Tailwind CSS who want to reuse Flowbite components
- Teams that need dashboard, CRUD, and authentication page examples as a project starting point
- Users who accept the MIT license terms and need to verify third-party asset licenses themselves
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
After cloning the repository or downloading the ZIP, ensure that Node.js and NPM, Yarn, or PNPM are installed
- 2
Install the dependencies in package.json via npm install, yarn install, or pnpm install
- 3
Start the local development server with npm run dev, yarn dev, or pnpm dev
- 4
Third-party assets such as demo images, fonts, and icons must be checked separately under their respective licenses; they cannot be judged solely by the code's MIT license
- 5
External services such as domains, hosting, and databases may incur additional charges and need to be evaluated independently
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version in the public repository under the MIT license; the free scope is the code of this version and does not mean that external services or third-party assets are free.
Must comply with when using
- The code of this version may be used, modified, used commercially, and distributed free of charge.
- When distributing copies or substantial portions of the code, retain the original author's copyright notice and the complete MIT license notice.
- The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.
Additional costs & items to verify
- The code is open source under the MIT license and may be used, modified, used commercially, and distributed free of charge, but the copyright notice and license notice must be retained when distributing.
- This repository is a fork of the Flowbite Admin Dashboard; the original project copyright belongs to Bergside Inc., and the original copyright and license notice must be retained when using it.
- Interactive components such as charts depend on third-party libraries such as ApexCharts; these libraries and their assets may be subject to their own licenses and must be checked separately.
- Flowbite Pro is a paid product and is an optional upgrade with additional charges; it is not included in the license scope of this free template.
- Demo images, fonts, icons, and other third-party assets must be checked under their respective licenses; they cannot be judged solely by the code's MIT license.
- External services such as domains, hosting, databases, payments, or AI may incur additional charges.
View Original Text Basis
Permission is hereby granted, free of charge
Original License Text
Open-source under the [MIT License]
Original README
This is a fork of the original [Flowbite Admin Dashboard]
Original README
such as ApexCharts which have been customly tailored
Original README
https://github.com/saiteja-madha/flowbite-admin-dashboard-nodejs/blob/main/LICENSEhttps://github.com/saiteja-madha/flowbite-admin-dashboard-nodejs/blob/main/README.md💎 [Flowbite Pro](https://flowbite.com/pro/) - A larger collection of the open-source version of the latter three
Original README
Compiled by DeepSeek based on repository license and README ·2026-10-03. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.
Project checks & description sources
Template Information
- Source platforms
- GitHub
- Documentation and maintenance reference score
- More documented · 81 / 100
- Technologies
- HTML
- Website type
- Admin dashboard
How this score is calculated
Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.
What to verify for this project
- Repository update recorded
- 2025-01-22
- Screenshot last checked
- 2026-10-03
A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.
The catalog identifies HTML as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.
Use a selection guide →How this description was prepared
AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.
Automatically checked against source and license rules; no manual editorial review.
Inspect the recorded source material
SHA-256: d0996a8452fafe29f75e851c5148968bb708256badcfb3555ef1e83508c0498f
2026-10-03T04:20:43.996Z
Source file / repository# Note
This is a fork of the original [Flowbite Admin Dashboard](https://github.com/themesberg/flowbite-admin-dashboard) repository. This fork is used to create a NodeJS version of the dashboard using [Express](https://expressjs.com/) and [EJS](https://ejs.co/) as the templating engine.
# [Flowbite Admin Dashboard](https://flowbite-admin-dashboard.hostz.me) [](https://twitter.com/intent/tweet?url=https%3A%2F%2Fgithub.com%2Fthemesberg%2Fflowbite-admin-dashboard&text=Check%20out%20this%20open-source%20admin%20dashboard%20built%20with%20Flowbite%20and%20Tailwind%20CSS)
[](https://flowbite-admin-dashboard.hostz.me/)
This project is a free and open-source UI admin dashboard template built with the components from [Flowbite](https://flowbite.com/) and based on the utility-first [Tailwind CSS](https://github.com/tailwindlabs/tailwindcss) framework featuring charts, tables, widgets, CRUD layouts, modals, drawers, and more.
This admin dashboard can quickly help you get started building an application for your project using the newest UI/UX development technologies in the open-source area including Tailwind CSS and Flowbite.
## 🌀 Built with Flowbite
The interactive components such as the navbars, modals, drawers, and tooltips are all based on the popular [open-source component library called Flowbite](https://flowbite.com/) which enables us to use these elements by creating more complex set of pages and widgets inside a fully-fledged admin dashboard template.
## 💨 Tailwind CSS utility classes
All of the pages, widgets, and components are solely based on the utility-first classes from Tailwind CSS and it is compatible with the latest `v3.x` of the technology by automatically purging all of the classes based on the template paths.
## 📊 15 example pages
Get started with 15 advanced examples pages including two different layouts of a dashboard's homepage full of charts widgets, tables, datepickers, and statistics and also with two CRUD layout pages for products, users, a settings page, authentication pages for login and register and even custom 404 and 500 error pages.
## 🧱 Advanced components
This admin dashboard contains many advanced components both from Flowbite but also from other third-party libraries such as ApexCharts which have been customly tailored with Tailwind CSS classes and designed based on the [Flowbite Design System](https://flowbite.com/figma/).
## 📚 Flowbite documentation
If you want to use this project we recommend to also [study the component library](https://flowbite.com/docs/getting-started/introduction/) that we used to build this dashboard because you can use even more components from that library to enhance the examples that we've coded here already.
## ⚙️ Workflow
This product is built using the following widely used technologies:
- Tailwind CSS: [tailwindcss.com](https://tailwindcss.com/)
- Flowbite: [flowbite.com](http://flowbite.com/)
- HUGO [gohugo.io](https://gohugo.io/documentation/)
- Webpack [webpack.js.org](https://webpack.js.org/)
## Table of Contents
- [Flowbite Admin Dashboard ](#flowbite-admin-dashboard-)
- [🌀 Built with Flowbite](#-built-with-flowbite)
- [💨 Tailwind CSS utility classes](#-tailwind-css-utility-classes)
- [📊 15 example pages](#-15-example-pages)
- [🧱 Advanced components](#-advanced-components)
- [📚 Flowbite documentation](#-flowbite-documentation)
- [⚙️ Workflow](#️-workflow)
- [Table of Contents](#table-of-contents)
- [Demo pages](#demo-pages)
- [Quick start](#quick-start)
- [JavaScript Frameworks](#javascript-frameworks)
- [Back-end Frameworks](#back-end-frameworks)
- [File Structure](#file-structure)
- [Browser Support](#browser-support)
- [Resources](#resources)
- [Reporting Issues](#reporting-issues)
- [Technical Support or Questions](#technical-support-or-questions)
- [Licensing](#licensing)
- [Useful Links](#useful-links)
- [Authors](#authors)
## Demo pages
| Dashboard | Stacked Layout | Products (CRUD)
| --- | --- | --- |
| |  | 
| Users (CRUD) | Settings | Pricing page
| --- | --- | --- |
|  |  | 
| Login page | Register page | Reset password
| --- | --- | --- |
|  |  | 
| Forgot password | Profile lock | Maintenance page
| --- | --- | --- |
|  |  | 
| 404 not found | 500 server error | Playground
| --- | --- | --- |
|  |  | 
- [Live Preview](https://flowbite-admin-dashboard.hostz.me/)
## Quick start
1. Clone this repository or download the ZIP file
2. Make sure that you have Node.js and NPM/Yarn/PNPM installed
3. Install the project dependencies from the `package.json` file and start the local development server by running:
Using NPM:
```
npm install
npm run dev
```
Using Yarn:
```
yarn install
yarn dev
```
Using PNPM:
```
pnpm install
pnpm dev
```
Here's a list of compatible technologies and guides for Flowbite and Tailwind CSS:
### JavaScript Frameworks
The awesome open-source community also built and currently maintains the following standalone libraries for React, Vue, Svelte, and Angular:
- [🌀 Flowbite React Library](https://github.com/themesberg/flowbite-react)
- [🍀 Flowbite Vue Library](https://github.com/themesberg/flowbite-vue)
- [🎸 Flowbite Svelte Library](https://github.com/themesberg/flowbite-svelte)
- [📕 Flowbite Angular Library](https://github.com/themesberg/flowbite-angular)
We also wrote integration guides for the following front-end frameworks and libraries:
- [📝 Flowbite with React guide](https://flowbite.com/docs/getting-started/react/)
- [📝 Flowbite with Next.js guide](https://flowbite.com/docs/getting-started/next-js/)
- [📝 Flowbite with Vue guide](https://flowbite.com/docs/getting-started/vue/)
- [📝 Flowbite with Nuxt.js guide](https://flowbite.com/docs/getting-started/nuxt-js/)
- [📝 Flowbite with Svelte guide](https://flowbite.com/docs/getting-started/svelte/)
### Back-end Frameworks
Flowbite has a great integration with most of the back-end frameworks because it relies on vanilla JavaScript:
- [📚 Using Flowbite with Laravel](https://flowbite.com/docs/getting-started/laravel/)
- [🚊 Using Flowbite with Ruby on Rails 7](https://flowbite.com/docs/getting-started/rails/)
- [🐸 Using Flowbite with Django](https://flowbite.com/docs/getting-started/django/)
- [🌶 Using Flowbite with Flask](https://flowbite.com/docs/getting-started/flask/)
## File Structure
Within the download you'll find the following directories and files:
```
Flowbite Admin Dashboard
.
├── LICENSE
├── README.md
├── content
├── data
├── layouts
├── node_modules
├── package-lock.json
├── package.json
├── postcss.config.js
├── src
├── static
├── tailwind.config.js
├── webpack.config.js
└── yarn.lock
```
## Browser Support
At present, we officially aim to support the last two versions of the following browsers:
<img src="https://s3.amazonaws.com/creativetim_bucket/github/browser/chrome.png" width="64" height="64"> <img src="https://s3.amazonaws.com/creativetim_bucket/github/browser/firefox.png" width="64" height="64"> <img src="https://s3.amazonaws.com/creativetim_bucket/github/browser/edge.png" width="64" height="64"> <img src="https://s3.amazonaws.com/creativetim_bucket/github/browser/safari.png" width="64" height="64"> <img src="https://s3.amazonaws.com/creativetim_bucket/github/browser/opera.png" width="64" height="64">
## Resources
- Live preview: <https://flowbite-admin-dashboard.hostz.me/>
- Flowbite documentation: <https://flowbite.com/docs/getting-started/introduction/>
- Tailwind CSS documentation: <https://tailwindcss.com/>
- License Agreement: <https://flowbite.com/docs/getting-started/license/>
- Issues: [Github Issues Page](https://github.com/saiteja-madha/flowbite-admin-dashboard-nodejs/issues)
## Reporting Issues
We use GitHub Issues as the official bug tracker for Flowbite Admin Dashboard. Here are some advices for our users that want to report an issue:
1. Make sure that you are using the latest version of Flowbite Admin Dashboard. Check the CHANGELOG from your dashboard on the [GitHub releases page](https://github.com/saiteja-madha/flowbite-admin-dashboard-nodejs/releases).
2. Providing us reproducible steps for the issue will shorten the time it takes for it to be fixed.
3. Some issues may be browser specific, so specifying in what browser you encountered the issue might help.
## Technical Support or Questions
If you have questions or need help integrating the product please [contact us](https://flowbite.com/contact/) instead of opening an issue.
## Licensing
- Copyright 2019-2023 Bergside Inc. (https://flowbite.com)
- Open-source under the [MIT License](https://github.com/saiteja-madha/flowbite-admin-dashboard-nodejs/blob/main/LICENSE)
## Useful Links
- 📚 [Flowbite Library](https://flowbite.com/) - Open-source components built with Tailwind CSS
- 🎨 [Flowbite Figma](https://flowbite.com/figma/) - Design system built for Figma
- 🧱 [Flowbite Blocks](https://flowbite.com/blocks/) - Building sections for website and applications
- 💎 [Flowbite Pro](https://flowbite.com/pro/) - A larger collection of the open-source version of the latter three
## Authors
- [Zoltán Szőgyényi](https://twitter.com/zoltanszogyenyi)
- [Robert Tanislav](https://twitter.com/roberttanislav)
- [Sai Teja Madha](https://saitejamadha.dev)Explore similar templates
Compare previews and descriptions within the same stack and category.
gentelella
Gentelella v4 is a free, open-source admin dashboard template maintained by Colorlib, built with vanilla JavaScript, SCSS, and Vite 8 without Bootstrap or jQuery.
HTML · Admin dashboard
coreui-free-bootstrap-admin-template
A free Bootstrap admin template maintained by CoreUI, built on CoreUI's own UI component library. It provides compiled HTML pages and Pug template source code, covering dashboards, authentication, forms, components, icons, and error pages.
HTML · Admin dashboard
dashboards
A collection of responsive dashboard HTML templates open-sourced by Keen IO, built on CSS Grid, offering multiple prebuilt admin data interface layouts.
HTML · Admin dashboard
SB Admin 2
SB Admin 2 is a classic Bootstrap admin template from Start Bootstrap, offering dashboards, charts, tables, and common management pages.
HTML · Admin dashboard
Adminator-admin-dashboard
Adminator 4 is a vanilla HTML, CSS and JavaScript admin dashboard template with a CSS-variable token design system, built-in light and dark themes, no jQuery or Bootstrap dependency, and 18 pages covering dashboards, mail, calendar, charts, forms, tables and error pages.
HTML · Admin dashboard
SB Admin
SB Admin is a lightweight, open-source Bootstrap admin template from Start Bootstrap. It offers a sidebar-and-top-bar layout with data tables, forms, and stat cards, plus responsive design.
HTML · Admin dashboard