flowbite admin dashboard nodejs
1.0.0
This is a fork of the original Flowbite Admin Dashboard repository. This fork is used to create a NodeJS version of the dashboard using Express and EJS as the templating engine.
This project is a free and open-source UI admin dashboard template built with the components from Flowbite and based on the utility-first Tailwind CSS 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.
The interactive components such as the navbars, modals, drawers, and tooltips are all based on the popular open-source component library called Flowbite which enables us to use these elements by creating more complex set of pages and widgets inside a fully-fledged admin dashboard template.
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.
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.
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.
If you want to use this project we recommend to also study the component library 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.
This product is built using the following widely used technologies:
| 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 |
|---|---|---|
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:
The awesome open-source community also built and currently maintains the following standalone libraries for React, Vue, Svelte, and Angular:
We also wrote integration guides for the following front-end frameworks and libraries:
Flowbite has a great integration with most of the back-end frameworks because it relies on vanilla JavaScript:
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
At present, we officially aim to support the last two versions of the following browsers:
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:
If you have questions or need help integrating the product please contact us instead of opening an issue.
