npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

nextjs-admin-dashboard

v1.0.1

Published

TailAdmin is a free and open-source admin dashboard template built on **Next.js and Tailwind CSS** providing developers with everything they need to create a feature-rich and data-driven: back-end, dashboard, or admin panel solution for any sort of web pr

Vulnerabilities

Powered byPowered by Snyk
  • 0High
  • 0Medium
  • 0Low

Links

Maintainers

mxyzzhongmxyzzhong

Keywords

Readme

TailAdmin Next.js - Free Next.js Tailwind Admin Dashboard Template

TailAdmin is a free and open-source admin dashboard template built on Next.js and Tailwind CSS providing developers with everything they need to create a feature-rich and data-driven: back-end, dashboard, or admin panel solution for any sort of web project.

TailAdmin - Next.js Dashboard Preview

With TailAdmin Next.js, you get access to all the necessary dashboard UI components, elements, and pages required to build a high-quality and complete dashboard or admin panel. Whether you're building a dashboard or admin panel for a complex web application or a simple website.

TailAdmin utilizes the powerful features of Next.js 15 and common features of Next.js such as server-side rendering (SSR), static site generation (SSG), and seamless API route integration. Combined with the advancements of React 19 and the robustness of TypeScript, TailAdmin is the perfect solution to help get your project up and running quickly.

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

Version 2.0.1 - [February 27, 2025]

Update Overview

  • Upgraded to Tailwind CSS v4 for better performance and efficiency.
  • Updated class usage to match the latest syntax and features.
  • Replaced deprecated class and optimized styles.

Next Steps

  • Run npm install or yarn install to update dependencies.
  • Check for any style changes or compatibility issues.
  • Refer to the Tailwind CSS v4 Migration Guide on this release. if needed.
  • This update keeps the project up to date with the latest Tailwind improvements. 🚀

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.