Newsletter
Join the Community
Subscribe to our newsletter for the latest news and updates
Free and open-source admin dashboard built with React, Tailwind CSS, and Flowbite featuring 21 example pages.
Light Bootstrap Dashboard is an admin dashboard template designed to be beautiful and simple.
Flowbite-react-admin-dashboard is a free and open-source admin dashboard template built with React, Tailwind CSS, and Flowbite that provides a practical starting point for building back-office interfaces. It ships with 21 example pages including a dashboard with charts, a kanban board, a mailing system, and more.
It is a ready-made admin dashboard interface built with React, Tailwind CSS, and the Flowbite component library, packaged as a Vite + TypeScript project. The repository, maintained by Themesberg, gives you a set of reusable page layouts and components that you can either copy into an existing React application or deploy as a complete dashboard. Input is your project's configuration and content; output is a functional single-page admin application with routing, charts, tables, and interactive widgets.
The template stands out for its breadth of pre-built pages and its dependency on the Flowbite ecosystem. Concrete features visible in the README include:
.tsx files under src/pages..tsx), which provides type safety when you copy the pages into your own project.yarn dev and yarn build), emitting dist with an index.html, app.js, and app.css.react-apexcharts, and a map widget uses svgmap.react-sortablejs to provide drag-and-drop lists.react-icons.react-router, deployment instructions include adding a rewrite rule (e.g., a vercel.json with a route sending all requests to /) for static hosts.This template is aimed at developers who need an admin panel quickly and prefer to work in the React ecosystem. It fits frontend developers who want to copy a polished page (like the dashboard or mail inbox) directly into an existing Node.js project, and teams that want a full scaffold to extend with their own business logic. It also suits developers who value a consistent design system provided by Tailwind and Flowbite, rather than starting with a blank page.
.tsx files from src/pages into your own project, add the optional dependencies (react-icons, react-apexcharts, react-sortablejs, svgmap) when needed, and reuse the static files from public.vercel.json SPA rewrite for react-router to work correctly.The project uses Vite as its development server and bundler. After installing dependencies with yarn, you start a local server with yarn dev, and produce a production build with yarn build. Because it's a single-page application, the readme emphasizes that hosting providers must redirect all requests to the root / or you'll need an SSR plugin for Vite to generate per-page HTML.
The project is free and open-source; no cost is mentioned in the README.
Yes, the README describes it as "free and open-source" and it's published on GitHub under the Themesberg organization, so you can use it without a paid license.
The only required package is flowbite-react. Optional dependencies include react-icons (most icons), react-apexcharts (dashboard charts), react-sortablejs (kanban drag-and-drop), and svgmap (map widget on the dashboard).
Yes. The README explains that you can copy the .tsx files from src/pages into your own Node.js project, as long as your project has flowbite-react installed. Some pages need the optional dependencies listed above.
Because it's a single-page app, you need a hosting service that supports SPA rewrites. The README gives a vercel.json example that routes all paths to /, and it mentions that "most, but not all, providers have a mechanism" for this.
It uses Vite for development and production build, and it's written in TypeScript. The project structure includes a src/pages directory with page components and a public folder for static files.
