Modern Tailwind CSS Dashboard Template

A free, open-source dashboard template built with Tailwind CSS. Perfect for admin panels

Features

• 🎨 Built with Tailwind CSS by CDN Tailwinds
• 📱 Fully Responsive Design
• 📝 More Components
• 🔐 Authentication Pages
• 🎯 Easy to Customize
• 📦 Easy to Use
• 🚀 Fast Loading

Live Demo

View Demo

Prerequisites

• Basic knowledge of HTML and CSS
• Text editor (VS Code recommended)

Installation

1. Clone the repository

git clone https://github.com/abdulrahemfaqih/template-dashboard-tailwindcss.git

2. Navigate to project directory

cd template-dashboard-tailwindcss

3. Open the index.html file in your browser

# If you have PHP installed
use live server in vs code or manually run file in browser

4. Start customizing the template to fit your needs

Project Structure

template/
├── componnets/
│   ├── alerts
│   └── button
│   └── input
├── pages/
│   ├── form
│   └── table
│   └── login
│   └── register
└── index.html

Menu Activation Guide

How to Activate Submenus

1. Add rotate-180 class to arrow SVG:

2. Remove hidden class from submenu:

3. Add bg-gray-100 to active menu item: