Blazor.Tailwind.Templates

Getting Started

Installation

dotnet new install Blazor.Tailwind.Templates

Usage

You can specify different interactivity options using the --interactivity option. The available options are none, server, auto, and wasm.

Interactivity: none

dotnet new blazortailwind --interactivity none -o MyApplication

Interactivity: server

dotnet new blazortailwind --interactivity server -o MyApplication

Interactivity: auto

dotnet new blazortailwind --interactivity auto -o MyApplication

Important Note for Auto Interactivity: Since Tailwind is compiled on the server project, components in different projects like the client won't generate the needed CSS output. As a workaround, include all the styles in the BuildCss.razor component so they are compiled and available for the client components. Another option would be to create a centralized components project where Tailwind can build the CSS.

Interactivity: wasm

dotnet new blazortailwind --interactivity wasm -o MyApplication

Usage with Framework

To specify the framework, use the --framework option. You can use net9.0, net10.0, or both net8.0;net9.0 (Note that this is only applicable if the interactivity is wasm for now).

dotnet new blazortailwind --interactivity wasm --framework net9.0 -o MyApplication dotnet new blazortailwind --interactivity wasm --framework net10.0 -o MyApplication dotnet new blazortailwind --interactivity wasm --framework "net9.0;net10.0" -o MyApplication

Sample site with theme