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.

📚 Flowbite documentation

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.

⚙️ Workflow

This product is built using the following widely used technologies:

• Tailwind CSS: tailwindcss.com
• Flowbite: flowbite.com
• HUGO gohugo.io
• Webpack webpack.js.org

Table of Contents

• Flowbite Admin Dashboard
  • 🌀 Built with Flowbite
  • 💨 Tailwind CSS utility classes
  • 📊 15 example pages
  • 🧱 Advanced components
  • 📚 Flowbite documentation
  • ⚙️ Workflow
  • Table of Contents
  • Demo pages
  • Quick start
    • JavaScript Frameworks
    • Back-end Frameworks
  • File Structure
  • Browser Support
  • Resources
  • Reporting Issues
  • Technical Support or Questions
  • Licensing
  • Useful Links
  • Authors

Demo pages

• Live Preview

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
• 🍀 Flowbite Vue Library
• 🎸 Flowbite Svelte Library
• 📕 Flowbite Angular Library

We also wrote integration guides for the following front-end frameworks and libraries:

• 📝 Flowbite with React guide
• 📝 Flowbite with Next.js guide
• 📝 Flowbite with Vue guide
• 📝 Flowbite with Nuxt.js guide
• 📝 Flowbite with Svelte guide

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
• 🚊 Using Flowbite with Ruby on Rails 7
• 🐸 Using Flowbite with Django
• 🌶 Using Flowbite with 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:

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

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.
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 instead of opening an issue.

Licensing

• Copyright 2019-2023 Bergside Inc. (https://flowbite.com)
• Open-source under the MIT License

Useful Links

• 📚 Flowbite Library - Open-source components built with Tailwind CSS
• 🎨 Flowbite Figma - Design system built for Figma
• 🧱 Flowbite Blocks - Building sections for website and applications
• 💎 Flowbite Pro - A larger collection of the open-source version of the latter three

Authors

• Zoltán Szőgyényi
• Robert Tanislav
• Sai Teja Madha