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
<PackageReference Include="Snail.Toolkit.Blazor.Extensions.Tailwind" Version="1.0.0" />
<PackageVersion Include="Snail.Toolkit.Blazor.Extensions.Tailwind" Version="1.0.0" />
<PackageReference Include="Snail.Toolkit.Blazor.Extensions.Tailwind" />
paket add Snail.Toolkit.Blazor.Extensions.Tailwind --version 1.0.0
#r "nuget: Snail.Toolkit.Blazor.Extensions.Tailwind, 1.0.0"
#:package Snail.Toolkit.Blazor.Extensions.Tailwind@1.0.0
#addin nuget:?package=Snail.Toolkit.Blazor.Extensions.Tailwind&version=1.0.0
#tool nuget:?package=Snail.Toolkit.Blazor.Extensions.Tailwind&version=1.0.0
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:
- Creates an isolated workspace inside your project's
obj/tailwind-build/directory. - Downloads the Tailwind v4 CLI.
- Compiles your
Styles/app.cssand outputs it towwwroot/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.
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 |