Skip to content

Free React Next Tailwind 4.x admin dashboard template with typescript and dark mode.

License

Notifications You must be signed in to change notification settings

justboil/admin-one-react-tailwind

Folders and files

NameName
Last commit message
Last commit date

Latest commit

b8ca447 · Mar 5, 2025
Feb 24, 2025
Feb 24, 2025
Feb 24, 2025
Feb 21, 2025
Sep 10, 2022
Sep 14, 2022
Mar 5, 2025
Feb 21, 2025
Feb 21, 2025
Feb 24, 2025
Feb 24, 2025
Feb 24, 2025
Feb 24, 2025
Feb 24, 2025
Feb 20, 2025

Repository files navigation

version license

Tailwind 4.x React with Next.js and TypeScript

Free React Tailwind TypeScript admin dashboard with dark mode

React TypeScript Tailwind white & dark styles

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
  • Dark mode
  • Production CSS is only ≈38kb
  • Reusable components
  • Free under MIT License
  • Premium version available

Table of Contents

Looking for Vue version?

This is Tailwind React TypeScript version

Looking for Tailwind Vue? Check Admin One - Vue Tailwind dashboard version

Responsive layout

Mobile & tablet

Mobile layout with hidden aside menu and collapsable cards & tables

Free React Tailwind CSS 4 admin dashboard

Small laptops 1024px

Small laptop layout with show/hide aside menu option

Free React Tailwind CSS 4 admin dashboard

Free React Tailwind CSS 4 admin dashboard

Laptops & desktops

Classic layout with aside menus on the left

Free React Tailwind CSS 4 admin dashboard

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 the repo

Install

cd to project's dir and run npm install

Builds

Build are handled by Next.js CLI — Info

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

Chrome Firefox Edge Safari 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

Useful Links