Built by
Themesberg
Themesberg

Flowbite Admin Dashboard - Free dashboard built with Flowbite

Flowbite Admin Dashboard is a free and open-source Tailwind CSS dashboard template that provides a comprehensive set of advanced components and examples pages based on the Flowbite component library.

Flowbite Admin Dashboard screenshot
license MIT Licensed

Open-source template released under the permissive MIT license for commercial use.

layers-2 15 Example Pages

Includes dashboards, CRUD pages, settings, auth flows, and 404/500 error pages.

dark-mode Dark Mode

Built-in class-based dark mode support across layouts, components, and example pages.

window-code-2 Flowbite Components

Uses Flowbite-based interactive UI elements like modals, drawers, tooltips, and navbars.

section CRUD Layouts

Prebuilt product and user CRUD layouts help you start admin workflows faster.

abstract-dots Charts Included

ApexCharts-powered charts are styled with Tailwind classes for consistent dashboards.

circle-info-sparkle Overview

Launch your dashboard with ready-made pages and components

This open-source admin interface template is designed for teams who need a structured dashboard UI without starting from a blank layout. It’s a good fit if you’re building internal tools, SaaS back offices, or data-heavy apps and want a consistent set of pages and UI patterns. The UI is composed from Flowbite components and styled with Tailwind CSS, so it follows a utility-first approach while keeping common interactions ready to reuse. You’ll find examples covering core dashboard workflows like data tables, CRUD screens, and authentication pages. It’s built around a Hugo + Webpack workflow, which can suit static builds and can also serve as a reference when porting layouts into another stack.

What's included

  • Two dashboard homepage layout variants (standard and stacked)
  • Products CRUD page layout
  • Users CRUD page layout
  • Settings page layout
  • Authentication pages: sign in, sign up, reset password, forgot password, profile lock
  • Pricing page template
  • Error pages (404 and 500) plus a maintenance page
  • UI patterns such as modals, drawers, tooltips, and navigation components
  • Chart examples styled to match the dashboard UI

Ideal for

  • SaaS admin panels and customer management back offices
  • Product and user management dashboards (CRUD-heavy apps)
  • Analytics and reporting UIs that need charts and tables
  • Internal tools for operations, support, or finance teams
  • Starter layouts for teams standardizing a dashboard design system

Theming & dark mode

Dark mode is supported using a class-based approach, making it straightforward to apply across pages and shared components. This is helpful if you need a dashboard that can match user preferences or fit different brand themes without redesigning each screen.

Requirements

You’ll need a Node.js/NPM-based environment to work with the build workflow, and the template is organized around Hugo with bundled assets handled by Webpack.

Repository stats
lock-open 14 open issues
star 2.8k stars
eye 33 watching
code-fork 631 forks
code-commit 89 commits
history about 1 year ago
Stack
Tailwind CSS
Tailwind CSS v4
Hugo
Hugo
HTML
HTML
Highlights
circle-check-3 Fully responsive
circle-check-3 Easily customizable
circle-check-3 Documentation
circle-check-3 Modern design
x logo-facebook logo-linkedin

Cleopatra

star 1.6k

A clean & minimal admin dashboard template

Landwind

star 1k

A complete Tailwind CSS landing page

Tailwind Admin

star 476

Open-source dashboard template