Starter template for Blazor + Tailwindcss

Starter template for Blazor applications, using Tailwind CSS for styling with dark mode.

Blazor SSRTailwindcss
Project Image 1

Blazor + Tailwind CSS Starter Template

starter template for Blazor applications, combining Tailwind CSS with dark mode support and server-side rendering (SSR) capabilities.

dark

light

Features

  • Blazor: Leverage the power of Blazor for building web applications with .NET.
  • Tailwind CSS: Fully integrated with Tailwind CSS for responsive, utility-first styling.
  • Dark Mode: Built-in dark mode with user preferences stored in localStorage.
  • SSR Support: Optimized for server-side rendering with enhancedload.
  • Lightweight & Extensible: Minimal configuration to get started quickly while being easily customizable.

Getting Started

Prerequisites

Installation

  1. Clone the Repository:
  2. Open Project In Terminal 
    npm install
npx tailwindcss -i wwwroot/css/app.css -o wwwroot/css/app.min.css -w
  3. minified version
  npx tailwindcss -i wwwroot/css/app.css -o wwwroot/css/app.min.css -m