Built on the Next.js app router, React, and TypeScript
Next.jsReactAdmin dashboard
admin-one-react-tailwind — Next.js Admin dashboard Template
By justboil
Admin One is a free admin dashboard template built on Next.js, React, TypeScript, and Tailwind CSS. It uses the app router, includes React Redux state management and dark mode, and provides reusable components with a responsive layout.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Desktop homepage1 / 2
Desktop captureTop of page
Actual screenshot captured by the server browser.
All pages & views 2
Screenshots show visual appearance; interactive behavior may differ.
Recorded 2026-09-30View source
What stands out
A quick read of the recorded project description.
Styled with Tailwind CSS, with production CSS around 38KB
Built-in dark mode and React Redux state management
Provides reusable components with a responsive layout from mobile to desktop
MIT licensed, free to use, modify, use commercially, and distribute
Template Details
Admin One is a free admin dashboard template published by JustBoil under the repository name admin-one-react-tailwind. Its stack is Next.js (app router), React, TypeScript, and Tailwind CSS, with React Redux for state management and built-in dark mode. The template provides reusable components and layouts covering mobile, tablet, small laptop, and desktop: on mobile the side menu is hidden and cards and tables collapse; on small laptops the side menu can be shown or hidden; on desktop it uses the classic left sidebar layout. The build is handled by the Next.js CLI, supporting development hot reload, production builds and minification, and static site export via an environment variable. The project is MIT licensed; the free version is community-supported only, the issue tracker accepts only bug reports and feature requests and does not handle usage questions; official documentation is not yet available, and a paid version is still in development.
Next.jsReactAdmin panel
Is it right for your project?
Use Cases
- Quickly building an admin interface with a sidebar and data display areas
- Developing an admin project with the Next.js app router and TypeScript
- Needing an admin template with dark mode and a responsive layout
- Projects that want to manage admin state with React Redux
- Admin interface prototypes that need to be exported as a static site
Suitable For
- Front-end developers familiar with React, Next.js, and TypeScript
- Teams that need base components and layouts for an admin interface
- Users who accept community support and do not rely on official documentation
- Projects able to independently verify the licenses of third-party assets
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
Get the code by generating a repository from the GitHub template, cloning the repository, or downloading the zip
- 2
After entering the project directory, run npm install to install dependencies
- 3
Use npm run dev to start development hot reload, and npm run build for a production build
- 4
To export a static site, set the IS_OUTPUT_EXPORT environment variable to true, or set output in next.config.ts
- 5
Use npm run lint and npm run format for code checking and formatting
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis listing covers the free version in the public repository under the MIT license; the free scope applies to that version's code and does not mean 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 full 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 free version provides only GitHub community support, with no official technical support or answers to usage questions.
- The issue tracker accepts only bug reports and feature requests, not usage questions; issues that do not meet the requirements will be closed.
- A paid premium version is still in development and its features are not included in the free version; premium features require a separate purchase.
- Official documentation is not yet available, so users must read the source code or rely on community resources.
- The project materials mention optional paid versions or features; this listing covers only the public free code and does not include paid upgrades.
- Demo images, fonts, icons, and other third-party assets must be checked against their respective licenses and cannot be judged solely by the code's MIT license.
- External services such as domains, hosting, databases, payments, or AI may incur separate charges.
View Original Text Basis
Permission is hereby granted, free of charge
Original License Text
JustBoil's free items are limited to community support on GitHub.
Original README
The issue list is reserved exclusively for bug reports and feature requests. That means we do not accept usage questions.
Original README
Premium version is coming soon
Original README
https://github.com/justboil/admin-one-react-tailwind/blob/master/LICENSEhttps://github.com/justboil/admin-one-react-tailwind/blob/master/README.mdDocs are coming soon
Original README
Compiled by DeepSeek based on repository license and README ·2026-09-30. 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 · 96 / 100
- Technologies
- Next.js · React
- 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-10-24
- Screenshot last checked
- 2026-09-30
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 Next.js 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: 0360ff1cc3179f497e636ac0d6879d4cf7c1ebcf35a4905f245ae5c018e27727
2026-09-30T08:10:47.343Z
Source file / repository# [Admin One — Free React Tailwind 4.x Admin Dashboard with dark mode](https://justboil.me/tailwind-admin-templates/free-react-dashboard/) [](https://justboil.me/tailwind-admin-templates/free-react-dashboard/) [](https://justboil.me/tailwind-admin-templates/free-react-dashboard/) ### Tailwind 4.x React with Next.js and TypeScript [](https://justboil.github.io/admin-one-react-tailwind/) [](https://justboil.github.io/admin-one-react-tailwind/) ### Tailwind 4.x React with Next.js and TypeScript **Admin One** is fast, beautiful and free React Next Tailwind CSS 4.x admin dashboard with TypeScript. * Built with **TypeScript**, **React**, **Tailwind CSS 4** framework & **Next.js** with **app router** * **React Redux** state library — [Info](https://react-redux.js.org/) * **Dark mode** * **Production CSS** is only **≈38kb** * Reusable components * Free under MIT License * [Premium version](https://justboil.me/tailwind-admin-templates/react-dashboard/) available ## Table of Contents * [Vue version](#looking-for-vue-version) * [Responsive layout](#responsive-layout) * [Mobile & tablet](#mobile--tablet) * [Small laptops](#small-laptops-1024px) * [Laptops & desktops](#laptops--desktops) * [Demo](#demo) * [Free dashboard demo](#free-dashboard-demo) * [Premium dashboard demo](#premium-dashboard-demo) * [Quick Start](#quick-start) * [Get code & install](#get-code--install) * [Builds](#builds) * [Linting and formatting](#linting-and-formatting) * [Docs](#docs) * [Browser Support](#browser-support) * [Reporting Issues](#reporting-issues) * [Licensing](#licensing) * [Useful Links](#useful-links) ## Looking for Vue version? This is **Tailwind React TypeScript** version Looking for **Tailwind Vue**? Check [Admin One - Vue Tailwind dashboard](https://github.com/justboil/admin-one-vue-tailwind) version ## Responsive layout ### Mobile & tablet Mobile layout with hidden aside menu and collapsable cards & tables [](https://justboil.github.io/admin-one-react-tailwind/) ### Small laptops 1024px Small laptop layout with show/hide aside menu option [](https://justboil.github.io/admin-one-react-tailwind/) [](https://justboil.github.io/admin-one-react-tailwind/) ### Laptops & desktops Classic layout with aside menus on the left [](https://justboil.github.io/admin-one-react-tailwind/) ## Demo ### Free Dashboard Demo https://justboil.github.io/admin-one-react-tailwind/ ### Premium Dashboard Demo Premium version is coming soon ## Quick Start Get code & install. Then `dev` or `build` * [Get code & install](#get-code--install) * [Builds](#builds) * [Linting and formatting](#linting-and-formatting) ### Get code & install #### Get the repo * [Create new repo](https://github.com/justboil/admin-one-react-tailwind/generate) with this template * … or clone this repo on GitHub * … or [download .zip](https://github.com/justboil/admin-one-react-tailwind/archive/master.zip) from GitHub #### Install `cd` to project's dir and run `npm install` ### Builds Build are handled by Next.js CLI — [Info](https://nextjs.org/docs/app/api-reference/cli/next) #### Hot-reloads for development ``` npm run dev ``` #### Builds and minifies for production ``` npm run build ``` #### Exports build for static hosts Set `IS_OUTPUT_EXPORT` environment variable to `true` (or set `output` in next.config.ts) ### Linting & Formatting #### Lint ``` npm run lint ``` #### Format with prettier ``` npm run format ``` ## Docs Docs are coming soon ## Browser Support We try to make sure Dashboard works well in the latest versions of all major browsers <img src="https://justboil.me/images/browsers-svg/chrome.svg" width="64" height="64" alt="Chrome"> <img src="https://justboil.me/images/browsers-svg/firefox.svg" width="64" height="64" alt="Firefox"> <img src="https://justboil.me/images/browsers-svg/edge.svg" width="64" height="64" alt="Edge"> <img src="https://justboil.me/images/browsers-svg/safari.svg" width="64" height="64" alt="Safari"> <img src="https://justboil.me/images/browsers-svg/opera.svg" width="64" height="64" alt="Opera"> ## Reporting Issues JustBoil's free items are limited to community support on GitHub. The issue list is reserved exclusively for bug reports and feature requests. That means we do not accept usage questions. If you open an issue that does not conform to the requirements, it will be closed. 1. Make sure that you are using the latest version of the Dashboard. Issues for outdated versions are irrelevant 2. Provide steps to reproduce 3. Provide an expected behavior 4. Describe what is actually happening 5. Platform, Browser & version as some issues may be browser specific ## Licensing - Copyright © 2019-2025 JustBoil.me (https://justboil.me) - Licensed under MIT ## Useful Links - [JustBoil.me](https://justboil.me/) - [Tailwind CSS](https://tailwindcss.com/) - [Next.js Docs](https://nextjs.org/docs/app/getting-started) - [React.js Docs](https://react.dev/learn) - [Redux Docs](https://redux.js.org/introduction/getting-started) & [React-Redux Docs](https://react-redux.js.org/introduction/getting-started) - [TypeScript Docs](https://www.typescriptlang.org/docs/) - [TypeScript ESLint Docs](https://typescript-eslint.io/docs/)
Explore similar templates
Compare previews and descriptions within the same stack and category.
next-shadcn-dashboard-starter
An MIT-licensed admin dashboard starter built with Next.js 16, shadcn/ui, Tailwind CSS v4, and TypeScript.
Next.js · Admin dashboard
Studio Admin · Radix UI
Studio Admin is an admin dashboard template built with Next.js 16, TypeScript, Tailwind CSS v4, and Shadcn UI.
Next.js · Admin dashboard
free-nextjs-admin-dashboard
A free, open-source admin dashboard template built on Next.js 16, React 19, TypeScript, and Tailwind CSS v4. It provides a collapsible sidebar, charts, tables, authentication forms, modals, dropdowns, and dark mode, with internationalization and RTL support since version 2.4.0.
Next.js · Admin dashboard
materio-mui-nextjs-admin-template-free
Materio Free is a Next.js admin dashboard template based on App Router and MUI, integrating Tailwind CSS and available in TypeScript and JavaScript versions.
Next.js · Admin dashboard
nextjs-postgres-nextauth-tailwindcss-template
A Vercel-maintained Next.js App Router admin dashboard starter with Auth.js GitHub OAuth, Postgres, Tailwind CSS, and Shadcn UI, plus a sample products table, seed endpoint, and CRUD interface.
Next.js · Admin dashboard
shadcn-dashboard-landing-template
An open-source admin dashboard and marketing landing page template built on shadcn/ui and Tailwind CSS, with both Vite + React and Next.js versions in one repository.
Next.js · Admin dashboard