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.x
- React 19
- TypeScript
- Tailwind CSS V4
- ✨ Visit Website
- 📄 Documentation
- ⬇️ Download
- 🖌️ Figma Design File (Community Edition)
- ⚡ Get PRO Version
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)
Clone the repository using the following command:
git clone https://github.com/TailAdmin/free-nextjs-admin-dashboard.gitWindows Users: place the repository near the root of your drive if you face issues while cloning.
-
Install dependencies:
npm install # or yarn installUse
--legacy-peer-depsflag if you face peer-dependency error during installation. -
Start the development server:
npm run dev # or yarn dev
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.
- 1 Unique Dashboard
- 30+ dashboard components
- 50+ UI elements
- Basic Figma design files
- Community support
- 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.
- Upgraded to Next v15.2.3 for CVE-2025-29927 concerns
- Included overrides vectormap for packages to prevent peer dependency errors during installation.
- Migrated from react-flatpickr to flatpickr package for React 19 support
- 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.
- 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. 🚀
A major update focused on Next.js 15 implementation and comprehensive redesign.
- 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
- 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.
- 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
- Fixed JSvectormap rendering issues
- Fixed build error related to Loader component
- Added ClickOutside component for dropdown menus
- Refactored sidebar components
- Updated Jsvectormap package
- Fixed layout naming consistency
- Updated styles
- Upgraded to Next.js 14
- Added Flatpickr integration
- Improved form elements
- Enhanced multiselect functionality
- Added default layout component
TailAdmin Next.js Free Version is released under the MIT License.
If you find this project helpful, please consider giving it a star on GitHub. Your support helps us continue developing and maintaining this template.