Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/abdulrahemfaqih/template-dashboard-tailwindcss
Tempate Admin Dashboard yang dibuat dengen style hitam putih yang simple dan menggunakan tailwind css
https://github.com/abdulrahemfaqih/template-dashboard-tailwindcss
Last synced: 7 days ago
JSON representation
Tempate Admin Dashboard yang dibuat dengen style hitam putih yang simple dan menggunakan tailwind css
- Host: GitHub
- URL: https://github.com/abdulrahemfaqih/template-dashboard-tailwindcss
- Owner: abdulrahemfaqih
- Created: 2024-12-25T06:06:07.000Z (17 days ago)
- Default Branch: main
- Last Pushed: 2024-12-25T07:13:01.000Z (17 days ago)
- Last Synced: 2024-12-25T07:26:43.608Z (17 days ago)
- Language: HTML
- Homepage: https://template-dashboard-tailwindcss.vercel.app
- Size: 28.3 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
# 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](https://template-dashboard-tailwindcss.vercel.app/)
### Prerequisites
- Basic knowledge of HTML and CSS
- Text editor (VS Code recommended)
### Installation
1. Clone the repository
```bash
git clone https://github.com/abdulrahemfaqih/template-dashboard-tailwindcss.git
```
2. Navigate to project directory
```bash
cd template-dashboard-tailwindcss
```
3. Open the index.html file in your browser
```bash
# 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: