An open API service indexing awesome lists of open source software.

https://github.com/tailadmin/free-angular-tailwind-dashboard

Free, open-source admin dashboard template crafted with Angular and Tailwind CSS. Includes essential UI components, elements, and pre-built pages to create a sleek, modern admin panel and dashboard with ease.
https://github.com/tailadmin/free-angular-tailwind-dashboard

admin admin-dashboard angular apps charts dashboard free graph tailadmin tailwindcss typescript ui ui-components

Last synced: 6 months ago
JSON representation

Free, open-source admin dashboard template crafted with Angular and Tailwind CSS. Includes essential UI components, elements, and pre-built pages to create a sleek, modern admin panel and dashboard with ease.

Awesome Lists containing this project

README

          

# Free Angular Tailwind Admin Dashboard Template - TailAdmin Angular

TailAdmin Angular is a **free and open-source admin dashboard template** built with **Angular** and **Tailwind CSS**. It provides developers with everything they need to create a feature-rich, data-driven **back-end, dashboard, or admin panel** for any type of web project.

![TailAdmin Angular Admin Dashboard](./angular-tailwind.png)

With TailAdmin Angular, you’ll get access to a complete set of **dashboard UI components, elements, and ready-to-use pages** to build a modern, high-quality admin panel. Whether it’s for a **complex web application** or a **lightweight project**, TailAdmin Angular is designed to speed up development of any kind of dashboards and admin panels.

TailAdmin leverages the **powerful ecosystem of Angular 20+**, along with **TypeScript** and the utility-first styling of **Tailwind CSS v4**. Combined, they make TailAdmin Angular a perfect foundation to launch your dashboard or admin panel quickly and effectively.

TailAdmin Angular comes with essential UI components and layouts for building **feature-rich, data-driven dashboards** and **admin panels**. TailAdmin Angular is built on:

* **Angular 20+**
* **TypeScript**
* **Tailwind CSS v4**

### Quick Links

- ✨ [Visit Website](https://tailadmin.com/)
- πŸš€ [Angular Demo](https://angular-demo.tailadmin.com/)
- πŸ“„ [Documentation](https://tailadmin.com/docs)
- ⬇️ [Download](https://tailadmin.com/download)
- πŸ–ŒοΈ [Figma Design File (Free Edition)](https://www.figma.com/community/file/1463141366275764364)
- ⚑ [Get PRO Version](https://tailadmin.com/pricing)
---

## Feature Comparison

| Feature | Free Version | Pro Version 🌟 |
|---------|--------------|----------------|
| **Dashboards** | 1 Unique Dashboard | 7 Unique Dashboards: Analytics, Ecommerce, Marketing, SaaS, CRM, Stocks, Logistics and more (more coming soon) πŸ“ˆ |
| **UI Elements and Components** | 100+ UI elements and components | Included in 500+ components and UI elements |
| **Design Files** | Basic Figma design files | Complete Figma design system file |
| **Support** | Community support| Email support |

## Installation

### Prerequisites

Before you start, make sure you have:

* **Node.js 18.x or later** (Node.js 20.x recommended)
* **Angular CLI** installed globally:

```bash
npm install -g @angular/cli
```

---

### Cloning the Repository

Clone the repository:

```bash
git clone https://github.com/TailAdmin/free-angular-admin-dashboard.git
```

---

### Install Dependencies

```bash
npm install
# or
yarn install
```

---

### Start Development Server

```bash
npm start
```

Then open:
πŸ‘‰ `http://localhost:4200`

---

## Angualr.js Tailwind Components

TailAdmin Angular ships with a rich set of **ready-to-use dashboard features**:

* **Ecommerce Dashboard** with essential elements
* Modern, accessible **sidebar navigation**
* **Data visualization** with charts and graphs
* **User profile management** and a **custom 404 page**
* **Tables** and **charts** (line, bar, etc.)
* **Authentication forms** and reusable input components
* **UI elements**: alerts, dropdowns, modals, buttons, and more
* Built-in **Dark Mode** πŸ•ΆοΈ
* and many more