Skip to content

enggsuraj/next-admin-tailwind

Repository files navigation

Overview

TailAdmin provides essential UI components and layouts for building feature-rich, data-driven admin dashboards and control panels. It's built on:

  • Next.js 15
  • React 19
  • TypeScript
  • Tailwind CSS

Quick Links

Demos

Other Versions

Installation

Prerequisites

To get started with TailAdmin, ensure you have the following prerequisites installed and set up:

  • Node.js 18.x or later (recommended to use Node.js 20.x or later)

Cloning the Repository

Clone the repository using the following command:

git clone https://github.com/TailAdmin/free-nextjs-admin-dashboard.git

Windows Users: place the repository near the root of your drive if you face issues while cloning.

  1. Install dependencies:

    npm install --legacy-peer-deps
    # or
    yarn install

    Some included packages causes peer-deps issue with React 19 while installing.

    With npm the --legacy-peer-deps flag is a workaround for that at the moment.

  2. Start the development server:

    npm run dev
    # or
    yarn dev

Components

TailAdmin is a pre-designed starting point for building a web-based dashboard using Next.js and Tailwind CSS. The template includes:

  • Sophisticated and accessible sidebar
  • Data visualization components
  • Profile management and custom 404 page
  • Tables and Charts(Line and Bar)
  • Authentication forms and input elements
  • Alerts, Dropdowns, Modals, Buttons and more
  • Can't forget Dark Mode 🕶️

All components are built with React and styled using Tailwind CSS for easy customization.

Feature Comparison

Free Version

  • 1 Unique Dashboard
  • 30+ dashboard components
  • 50+ UI elements
  • Basic Figma design files
  • Community support

Pro Version

  • 5 Unique Dashboards: Analytics, Ecommerce, Marketing, CRM, Stocks (more coming soon)
  • 400+ dashboard components and UI elements
  • Complete Figma design file
  • Email support

To learn more about pro version features and pricing, visit our pricing page.

Changelog

v2.0.0 (February 2025)

A major update focused on Next.js 15 implementation and comprehensive redesign.

Major Improvements

  • Complete redesign using Next.js 15 App Router and React Server Components
  • Enhanced user interface with Next.js-optimized components
  • Improved responsiveness and accessibility
  • New features including collapsible sidebar, chat screens, and calendar
  • Redesigned authentication using Next.js App Router and server actions
  • Updated data visualization using ApexCharts for React

Breaking Changes

  • Migrated from Next.js 14 to Next.js 15
  • Chart components now use ApexCharts for React
  • Authentication flow updated to use Server Actions and middleware

Read more on this release.

Breaking Changes

  • Migrated from Next.js 14 to Next.js 15
  • Chart components now use ApexCharts for React
  • Authentication flow updated to use Server Actions and middleware

v1.3.4 (July 01, 2024)

  • Fixed JSvectormap rendering issues

v1.3.3 (June 20, 2024)

  • Fixed build error related to Loader component

v1.3.2 (June 19, 2024)

  • Added ClickOutside component for dropdown menus
  • Refactored sidebar components
  • Updated Jsvectormap package

v1.3.1 (Feb 12, 2024)

  • Fixed layout naming consistency
  • Updated styles

v1.3.0 (Feb 05, 2024)

  • Upgraded to Next.js 14
  • Added Flatpickr integration
  • Improved form elements
  • Enhanced multiselect functionality
  • Added default layout component

License

TailAdmin Next.js Free Version is released under the MIT License.

Support

If you find this project helpful, please consider giving it a star on GitHub. Your support helps us continue developing and maintaining this template.

About

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published