Next.jsReactAdmin dashboard

admin-dashboard-nextjs-typescript-daisyui-template — Next.js Admin dashboard Template

By robbins23

A free admin dashboard template built on Next.js App Router, TypeScript, Tailwind CSS, and Daisy UI, with Redux Toolkit and a token-based login page included.

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

2 previews
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-10-02View source

What stands out

A quick read of the recorded project description.

01

Builds admin interfaces with Next.js App Router and TypeScript

02

Styling based on Tailwind CSS and Daisy UI components, with theme customization support

03

Includes token-based user authentication and a login page

04

Uses Redux Toolkit for application state management

05

Sidebar supports submenus, plus left and right sidebars, a global loader, and notifications

06

Released under the MIT license, free to use, modify, and use commercially

Template Details

This is a front-end template for admin interfaces, written with Next.js App Router and TypeScript. Its styling layer is composed of Tailwind CSS and Daisy UI components, so themes and color schemes can be adjusted through the Daisy UI theming system. The repository notes that token-based user authentication is configured and a login page is provided; state management uses Redux Toolkit, the sidebar supports submenus, and interface elements include left and right sidebars, a global loader, and notifications.

The template is released under the MIT license, allowing free use, modification, commercial use, and distribution, provided the copyright notice and license text are retained when distributing. Note that entries such as calendar, global modal, and Chart.js charts listed in the repository's own description are commented out, indicating these are not confirmed features of the current version; third-party assets such as demo images, fonts, and icons require separate license verification. The repository provides no standalone documentation, and installation is done by running npm install and npm start in the project directory.

Next.jsAdmin panel

Is it right for your project?

Use Cases

  • Building the front-end skeleton and login flow for an admin system
  • Serving as a sample project for learning Next.js App Router with TypeScript and Tailwind CSS
  • Quickly adjusting admin color schemes and component styles on the Daisy UI theme system
  • Providing a starting point for sidebar navigation and state management in internal admin tools

Suitable For

  • Developers who need a free, commercially usable admin dashboard starting point
  • Front-end teams using the Next.js and TypeScript stack
  • Projects that want to customize themes based on Daisy UI and Tailwind CSS

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

  1. 1

    Run npm install in the project directory first, then npm start to launch

  2. 2

    The repository provides no standalone documentation; features and configuration are based on the source code and README

  3. 3

    Commented-out entries in the README such as calendar, global modal, and Chart.js charts are not confirmed as available

  4. 4

    Third-party assets such as demo images, fonts, and icons must be checked separately under their respective licenses

  5. 5

    External services such as domains, hosting, and databases may incur additional costs

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version in a 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

  • 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 incur separate charges.
View Original Text Basis

Compiled by DeepSeek based on repository license and README ·2026-10-02. 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 · 72 / 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-07-06
Screenshot last checked
2026-10-02

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: 8508f629e93ac08c18cb50a0154eb4fd0281fcf260541ad38537e692b50e43c0

2026-10-02T19:40:38.830Z

Source file / repository

<!-- ![Logo](https://ik.imagekit.io/vu5t8xb15vzcx/tr:h-100/android-chrome-512x512_EiumvYoXeA.png?ik-sdk-version=javascript-1.4.3&updatedAt=1669548997842) -->

# Daisy UI Next JS Admin Dashboard Template - DashWind 
[![MIT License](https://img.shields.io/badge/License-MIT-green.svg)](https://choosealicense.com/licenses/mit/)

This is a free admin dashboard template that uses **Daisy UI** and **Next js** App Router with **Typescript** Support. It has **fully customizable and themable CSS**  CSS and is powered by Tailwind CSS utility classes. Additionally, it comes with **redux toolkit** and other libraries already set up.


## Preview

🚀 [Live preview](https://admin-dashboard-nextjs-daisyui-template.vercel.app/login)


![App Screenshot](https://ik.imagekit.io/vu5t8xb15vzcx/Screenshot%202024-05-20%20at%202.40.57%E2%80%AFAM_rtNks76n1.png?updatedAt=1716153065872)



## Features

- **Next JS 14 - App Router** configured
- **Typescript 5** 
- Token based user **authentication**
- **Submenu support** in sidebar
- Store management using **redux toolkit**
- **Daisy UI** components and **Tailwind** support
- **Right and left sidebar**, Universal loader, notifications
<!-- - **Calendar**, global modal, **chart js 2**  and other components -->


## Installation

Go to project directory and run (make sure you have node installed first)

```bash
  npm install
  npm start
```
    
## Core Libraries Used

- [React JS v18.2.0](https://reactjs.org/)
- [Next JS v14.2.0](https://nextjs.org/)
- [Typescript v5](https://www.typescriptlang.org/)
- [Tailwind CSS v3.4.0](https://tailwindcss.com/)
- [Daisy UI v4.10.0](https://daisyui.com/)
- [HeroIcons](https://heroicons.com/)
- [Redux toolkit v1.9](https://redux-toolkit.js.org/)
- [React ChartJS 2 v5](https://react-chartjs-2.js.org/)

## Documentation

<!-- [Documentation](https://tailwind-dashboard-template-dashwind.vercel.app/documentation) -->

## Page Examples

<!-- |                          |                               |
:-------------------------:|:-------------------------:
![Dark Mode](https://ik.imagekit.io/vu5t8xb15vzcx/tr:h-600/Screenshot_2023-05-09_at_12.57.37_PM_z94SiShUDS.png?updatedAt=1683617550144) | ![Transations Screenshot](https://ik.imagekit.io/vu5t8xb15vzcx/Screenshot_2023-05-09_at_1.01.54_PM_YiG__JTFu.png?updatedAt=1683619541458) 
![Leads Screenshot](https://ik.imagekit.io/vu5t8xb15vzcx/Screenshot_2023-05-09_at_1.34.56_PM_cdSamaaCmA.png?updatedAt=1683619597855) | ![Setting Screenshot](https://ik.imagekit.io/vu5t8xb15vzcx/Screenshot_2023-01-20_at_12.43.25_PM_xZBThuZdU.png?ik-sdk-version=javascript-1.4.3&updatedAt=1674198832089) 
![Calendar Screenshot](https://ik.imagekit.io/vu5t8xb15vzcx/Screenshot_2023-05-09_at_1.02.03_PM_pObZm43gl.png?updatedAt=1683617549958) | ![Register Screenshot](https://ik.imagekit.io/vu5t8xb15vzcx/Screenshot_2023-01-20_at_12.43.00_PM_1fkpMRG90.png?ik-sdk-version=javascript-1.4.3&updatedAt=1674198831908) -->





## Preview

🚀 [Live preview](https://admin-dashboard-nextjs-daisyui-template.vercel.app/)


## Roadmap
<!-- 
- Addition of users, chat/ inbox page
- Calendar improments
- Seperate templates based on business functions like CRM, Sales, Project Management -->


## Contributing

Contributions are always welcome!

## License

[![MIT License](https://img.shields.io/badge/License-MIT-green.svg)](https://choosealicense.com/licenses/mit/)


## Feedback

<!-- If you have any feedback, please reach out [here](https://forms.gle/8G7PsvQp8X1Swcf29) -->



Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.