Built with TypeScript, React, Tailwind CSS 3, and Next.js
admin-nextjs — Next.js Admin dashboard Template
By ChendayUP
A free admin dashboard template built on Next.js, React, TypeScript, and Tailwind CSS 3, with dark mode and responsive layout, under the MIT license.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Preview provided in the project README.
One original preview is available. Open the full image to inspect the design.
Screenshots show visual appearance; interactive behavior may differ.
What stands out
A quick read of the recorded project description.
Integrated with the React Redux state library
Built-in dark mode and custom scrollbar styling
Responsive layouts covering mobile, tablet, small laptop, and desktop
Provides reusable components and supports exporting a static hosting version
MIT license, free to use, modify, commercialize, and distribute
Template Details
This template is the free React version of JustBoil's Admin One, built with TypeScript, React, Tailwind CSS 3, and Next.js, and integrated with the React Redux state library. The interface provides dark mode, custom scrollbar styling, and responsive layouts for mobile, tablet, small laptop, and desktop: on mobile, the side menu is hidden and cards and tables are collapsible; on 1024px small laptops, the side menu can be shown or hidden; on laptop and desktop, a classic layout with a left sidebar is used. The project runs as an SPA, includes reusable components, and uses the Next.js CLI for build and development, supporting development hot reload, production build minification, and exporting a static hosting version. The README mentions a paid premium version, but this listing covers the public free code and does not include paid upgrade content; documentation is not yet available, and community support is limited to bug reports and feature requests on GitHub.
Is it right for your project?
Use Cases
- Building an admin interface that requires dark mode and a responsive sidebar
- Quickly starting an admin panel project based on Next.js and TypeScript
- A backend frontend that needs to export static files and deploy to a static hosting service
- As a sample project for learning the combination of React, Redux, and Tailwind CSS
Suitable For
- Frontend developers using the Next.js and TypeScript stack
- Teams or individuals needing a free MIT-licensed admin template
- Developers who want to build on existing components for secondary development of an admin panel
- Projects requiring dark mode and multi-device responsive admin interfaces
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
Get the code by creating a new 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, npm run build for production build, and npm run export to export a static hosting version
- 4
Use npm run lint to check code, and npm run format to format with prettier
- 5
Third-party assets such as demo images, fonts, and icons need separate license verification; external services may charge additional fees
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis listing covers the free version under the MIT license in the public repository; the free scope is the code of this version and does not mean external services or third-party assets are free.
Must comply with when using
- Permits free use, modification, commercialization, and distribution of this version's code.
- 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
- Project materials mention an optional paid version or features; this listing only covers the public free code and does not include paid upgrades.
- Demo images, fonts, icons, and other third-party assets must be checked under 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 charge additional fees.
- The free version only provides GitHub community support and does not include official technical support or priority service.
- GitHub issues only accept bug reports and feature requests, not usage questions.
- Issues that do not meet the requirements will be closed directly.
- Only the latest version is supported; issues on older versions will not be addressed.
- A paid premium version exists; the free version does not include premium features, and paid upgrades must be purchased separately.
- The premium demo is not yet online; the free and premium versions are different products.
- Official documentation is not yet available; usage requires referring to the code and community resources.
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
If you open an issue that does not conform to the requirements, it will be closed.
Original README
Make sure that you are using the latest version of the Dashboard. Issues for outdated versions are irrelevant
Original README
[Premium version](https://justboil.me/tailwind-admin-templates/react-dashboard/) available
Original README
Premium version is coming soon
Original README
https://github.com/ChendayUP/admin-nextjs/blob/main/LICENSEhttps://github.com/ChendayUP/admin-nextjs/blob/main/README.mdDocs are coming soon
Original README
Compiled by DeepSeek based on repository license and README ·2026-10-13. 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
- Partly documented · 58 / 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
- 2024-04-08
- Screenshot last checked
- 2026-10-13
No demo link is recorded. Use the repository instructions to evaluate the project locally; the screenshot alone cannot establish interactive behavior.
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.
Review declaration: [email protected] · 2026-10-13
Inspect the recorded source material
SHA-256: 2bce2fdceec0fe38bec0aa6edd18eb269a320bd080246a3c16234cc5f92e39da
2026-10-13T08:07:49.773Z
Source file / repository# [Admin One — Free React Tailwind 3.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 3.x React with Next.js and TypeScript [](https://justboil.github.io/admin-one-react-tailwind/) [](https://justboil.github.io/admin-one-react-tailwind/) ### Tailwind 3.x React with Next.js and TypeScript **Admin One** is fast, beautiful and free React Next Tailwind CSS 3.x admin dashboard with TypeScript. * Built with **TypeScript**, **React**, **Tailwind CSS 3** framework & **Next.js** * **React Redux** state library — [Info](https://react-redux.js.org/) * **Dark mode** * **Styled** scrollbars * SPA with **Next.js** * **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/api-reference/cli) #### Hot-reloads for development ``` npm run dev ``` #### Builds and minifies for production ``` npm run build ``` #### Exports build for static hosts ``` npm run export ``` ### 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-2022 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/getting-started) - [React.js Docs](https://reactjs.org/docs/getting-started.html) - [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
