TailAdmin is a high-quality, open-source, and free Tailwind CSS admin template that is perfect for creating data-rich backends, powerful web applications and dashboard-admin projects.
TailAdmin provides essential UI components and layouts for building feature-rich, data-driven admin dashboards and control panels. It's built using:
- HTML
- Alpine.js
- Tailwind CSS
- and Webpack (for bundling)
- ✨ 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
Clone the repository using the following command:
git clone https://github.com/TailAdmin/tailadmin-free-tailwind-dashboard-template.gitWindows Users: place the repository near the root of your drive if you face issues while cloning.
-
Install dependencies:
npm install # or yarn install -
Start the development server:
npm run start # or yarn start
TailAdmin is a pre-designed starting point for building a web-based dashboard using HTML, Alpine.js and Tailwind CSS. The template includes:
- Sophisticated and accessible sidebar
- Data visualization components
- Prebuilt profile management and 404 page
- Tables and Charts(Line and Bar)
- Authentication forms and input elements
- Alerts, Dropdowns, Modals, Buttons and more
- Can't forget Dark Mode 🕶️
- 1 Unique Dashboard
- 30+ dashboard components
- 50+ UI elements
- Basic Figma design files
- Community support
- 7 Unique Dashboards: Analytics, Ecommerce, Marketing, CRM, Stocks (more coming soon)
- 500+ dashboard components and UI elements
- Complete Figma design system file
- Email support
To learn more about pro version features and pricing, visit our pricing page.
- Added new HR dashboards.
- Integrated
@tanstack/alpine-tablefor robust table interaction. - Updated AI Assistant pages with shared layout.
- Moved AI Settings pages into dedicated subpage.
- Updated 404 error page with clean redirect handling.
- Decoupled monolithic page templates into reusable, modular Alpine.js partials, and UI elements.
- Modularized ApexCharts partials.
- Decreased custom CSS variables and color tokens.
- Added micro-animations using
tw-animate-css. - Integrated
@alpinejs/focusfor accessible dialogs, modals, and keyboard focus trapping. - Optimized Webpack asset compilation.
- Updated core libraries including Alpine.js plugins, FullCalendar, and Swiper.
- Added Internationalization (Multi Language) support.
- Updated complete template styles to support RTL.
- Added Yearly View into calendar page.
- Added new requested components and fixed noted accessibility issues.
- Updated project structure and compositions for easy adaption.
- Added AGENTS.md to easily work with AI Agents.
- Updated all the packages and libraries to the latest versions. Also removed unused packages.
- Added AI Settings page to configure models, keys, and token limits.
- Added Maps page with MapLibre GL, Leaflet, and iframe styles.
- Added Vector Maps page powered by AmCharts 5 geodata (World & USA).
- Added Radar Charts page with 3 unique formats.
- Added Radial Progress Charts page featuring 4 custom layout templates.
- Introduced new Bar Charts Five & Six and Pie Charts Four & Five.
- Added AI Dashboard with token usage and revenue tracking.
- Added Sales Dashboard with retention and multi-channel analytics.
- Added Finance Dashboard with cashflow and balance management.
- Introduced 6 New Layout variations for improved UI flexibility.
- Integrated Advanced Data Visualization with 7+ new chart types.
- 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. 🚀
Major update with comprehensive redesign and new features.
- Complete UI redesign of all pages and components
- Enhanced user interface with new elements
- Improved responsiveness and accessibility
- New features: collapsible sidebar, chat, and calendar
- Updated data visualization components
- Redesigned dashboards (Ecommerce, Analytics, Marketing, CRM)
- Enhanced navigation with improved header and breadcrumbs
- Advanced table components with sorting and filtering
- New UI components (Avatar, Alert, Ribbon)
- Full-featured calendar with drag-and-drop
- Updated sidebar component API
- New charting library implementation
- Revised authentication system
- Deprecations: SimpleTable component and legacy icon set
For detailed changelogs of previous versions (1.0.0 - 1.3.0), visit our documentation.
The community edition of TailAdmin 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.