https://github.com/jjosh102/Blazor.Tailwind.Templates
Blazor template using Tailwind CSS
https://github.com/jjosh102/Blazor.Tailwind.Templates
blazor csharp show tailwind template
Last synced: 12 months ago
JSON representation
Blazor template using Tailwind CSS
- Host: GitHub
- URL: https://github.com/jjosh102/Blazor.Tailwind.Templates
- Owner: jjosh102
- License: mit
- Created: 2024-12-18T03:55:39.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2025-04-02T00:13:07.000Z (about 1 year ago)
- Last Synced: 2025-06-06T07:01:51.899Z (about 1 year ago)
- Topics: blazor, csharp, show, tailwind, template
- Language: HTML
- Homepage: https://jjosh102.github.io/Blazor.Tailwind.Templates/
- Size: 25.5 MB
- Stars: 17
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.txt
Awesome Lists containing this project
README
# Blazor.Tailwind.Templates
[](https://www.nuget.org/packages/Blazor.Tailwind.Templates/)
[](https://www.nuget.org/packages/Blazor.Tailwind.Templates/)
## Getting Started
### Installation
```sh
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
```sh
dotnet new blazortailwind --interactivity none -o MyApplication
```
#### Interactivity: server
```sh
dotnet new blazortailwind --interactivity server -o MyApplication
```
#### Interactivity: auto
```sh
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
```sh
dotnet new blazortailwind --interactivity wasm -o MyApplication
```
### Usage with Framework
To specify the framework, use the `--framework` option. You can use `net8.0`, `net9.0`, or both `net8.0;net9.0` (*Note that this is only applicable if the interactivity is `wasm` for now*).
```sh
dotnet new blazortailwind --interactivity wasm --framework net8.0 -o MyApplication
```
```sh
dotnet new blazortailwind --interactivity wasm --framework net9.0 -o MyApplication
```
```sh
dotnet new blazortailwind --interactivity wasm --framework "net8.0;net9.0" -o MyApplication
```
### [Sample site with theme](https://jjosh102.github.io/Blazor.Tailwind.Templates/)