Snail.Toolkit.Blazor.Extensions.Tailwind 1.0.0

dotnet add package Snail.Toolkit.Blazor.Extensions.Tailwind --version 1.0.0
                    
NuGet\Install-Package Snail.Toolkit.Blazor.Extensions.Tailwind -Version 1.0.0
                    
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package.
<PackageReference Include="Snail.Toolkit.Blazor.Extensions.Tailwind" Version="1.0.0" />
                    
For projects that support PackageReference, copy this XML node into the project file to reference the package.
<PackageVersion Include="Snail.Toolkit.Blazor.Extensions.Tailwind" Version="1.0.0" />
                    
Directory.Packages.props
<PackageReference Include="Snail.Toolkit.Blazor.Extensions.Tailwind" />
                    
Project file
For projects that support Central Package Management (CPM), copy this XML node into the solution Directory.Packages.props file to version the package.
paket add Snail.Toolkit.Blazor.Extensions.Tailwind --version 1.0.0
                    
#r "nuget: Snail.Toolkit.Blazor.Extensions.Tailwind, 1.0.0"
                    
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package.
#:package Snail.Toolkit.Blazor.Extensions.Tailwind@1.0.0
                    
#:package directive can be used in C# file-based apps starting in .NET 10 preview 4. Copy this into a .cs file before any lines of code to reference the package.
#addin nuget:?package=Snail.Toolkit.Blazor.Extensions.Tailwind&version=1.0.0
                    
Install as a Cake Addin
#tool nuget:?package=Snail.Toolkit.Blazor.Extensions.Tailwind&version=1.0.0
                    
Install as a Cake Tool

Snail.Toolkit.Blazor.Extensions.Tailwind

A Tailwind CSS build integration and styling extension for Snail.Toolkit.Blazor.Extensions.

This package provides a zero-configuration Tailwind v4 build pipeline for your Blazor projects. It ships the appearance as CSS source, not compiled CSS. The stylesheet that ships to browsers is built automatically by, and lives in, the application that owns the design.

Install

dotnet add package Snail.Toolkit.Blazor.Extensions.Tailwind

Create an entry stylesheet (e.g., Styles/app.css) in your project:

@import "tailwindcss";

/* The package isolates the build process inside the obj/ folder to keep your 
   project root clean. Use ../../ to point the scanner back to your project root. */
@source "../../**/*.razor";

/* Your custom styles and token overrides go here */

Zero-Config Tailwind Build

You do not need to manually configure MSBuild targets, install Node.js packages globally, or keep a package.json and node_modules folder in your project root.

On build, this package automatically:

  1. Creates an isolated workspace inside your project's obj/tailwind-build/ directory.
  2. Downloads the Tailwind v4 CLI.
  3. Compiles your Styles/app.css and outputs it to wwwroot/css/app.css.

Customizing Paths

By default, the package looks for Styles/app.css and outputs to wwwroot/css/app.css. If your files are located elsewhere, you can override these paths in your .csproj:

<PropertyGroup>
    <TailwindInputCss>MyCustomFolder/main.css</TailwindInputCss>
    <TailwindOutputCss>wwwroot/css/main.css</TailwindOutputCss>
</PropertyGroup>

If the TailwindInputCss file does not exist, the build process safely skips the Tailwind compilation (useful for test projects or class libraries).

License

Snail.Toolkit.Blazor.Extensions.Tailwind is a free and open source project, released under the permissible MIT license.

There are no supported framework assets in this package.

Learn more about Target Frameworks and .NET Standard.

This package has no dependencies.

NuGet packages

This package is not used by any NuGet packages.

GitHub repositories

This package is not used by any popular GitHub repositories.

Version Downloads Last Updated
1.0.0 112 8/7/2026