Tailwick v2.0 - Tailwind, React, Next.js, Angular, Vue Nuxt, Laravel, Rails Admin Dashboard HTML Template preview 1

Tailwick v2.0 - Tailwind, React, Next.js, Angular, Vue Nuxt, Laravel, Rails Admin Dashboard HTML Template

bookmark

Tailwink is a collection of multi-framework admin dashboard templates based on Tailwind CSS v4, offering four backend implementations: ASP.NET Core 9, ASP.NET Core MVC, Angular, and Django. It is ideal for quickly building enterprise-lev...

HTMLadmin dashboard templateangularasp.net core 9htmllaravelnextjsPython Django

Project Overview

Tailwink is a collection of multi-framework admin dashboard templates based on Tailwind CSS v4, offering four backend implementations: ASP.NET Core 9, ASP.NET Core MVC, Angular, and Django. It is ideal for quickly building enterprise-level admin dashboards or SaaS products.

Tech Stack

  • Tailwind CSS v4 + @tailwindcss/vite
  • Vite 6 (Build Tool)
  • FullCalendar, ApexCharts, Flatpickr (Chart & Date Components)
  • Lucide, Iconify (Icon Libraries)
  • Swiper (Carousel), Preline (UI Components), Dropzone (File Upload)
  • ASP.NET Core 9 / ASP.NET Core MVC / Angular 20 / Django 5.1

Project Structure

text
tailwink-20/
├── ASP.NET-Core-9/         # .NET 9 Minimal API Implementation
│   └── Tailwick/
│       ├── Program.cs
│       ├── Pages/           # Razor Pages
│       └── wwwroot/         # Frontend Assets
├── ASP.NET-Core-MVC/        # .NET MVC Full Architecture
│   └── Tailwick/
│       ├── Controllers/     # 8 Business Controllers
│       ├── Models/
│       ├── Views/
│       └── wwwroot/
├── Angular/                 # Angular 20 SPA Implementation
│   ├── src/app/             # Routes, Components, Configuration
│   └── package.json
└── Django/                  # Django 5.1 + Cookiecutter
    ├── locale/              # Internationalization Translations
    └── requirements/

Key File Descriptions

  • ASP.NET-Core-MVC/Tailwick/Controllers/*.cs — Business controllers for each module (Dashboard, Auth, Ecommerce, HR, etc.)
  • Angular/src/main.ts — Angular app entry point, mounts iconify-icon icon library
  • Angular/src/app/app.config.ts — Application configuration and dependency injection
  • Angular/src/app/app.routes.ts — Route definitions
  • ASP.NET-Core-*/Tailwick/wwwroot/ — Frontend static resource output directory
  • Django/locale/README.md — Django internationalization configuration guide

Quick Start

Angular Frontend (Recommended)

bash
cd tailwink-20/Angular
npm install
ng serve
# Visit http://localhost:4200

ASP.NET Core MVC

bash
cd tailwink-20/ASP.NET-Core-MVC/Tailwick
dotnet restore
dotnet run
# Visit https://localhost:5001

Django

bash
cd tailwink-20/Django
python -m venv env && source env/bin/activate
pip install -r requirements/local.txt
python manage.py migrate
python manage.py runserver

Usage Recommendations

All framework variants share the same Tailwind CSS configuration and UI components (FullCalendar, ApexCharts, etc.). Choose any backend implementation based on your team's tech stack. Run npm install to install frontend dependencies before development; Vite will enable hot reload automatically.

help_outline

FAQ