Project templates for creating Blazor apps with BlazorBlueprint components pre-installed. Includes 80+ styled components, headless primitives, and Lucide icons.
$ dotnet add package BlazorBlueprint.TemplatesProject templates for creating Blazor applications with BlazorBlueprint pre-installed.
dotnet new install BlazorBlueprint.Templates
# Default: Auto render mode with component showcase
dotnet new blazorblueprint -n MyApp
# WebAssembly mode
dotnet new blazorblueprint -n MyApp -R WebAssembly
# Auto mode (Server then WASM)
dotnet new blazorblueprint -n MyApp -R Auto
# Without showcase pages
dotnet new blazorblueprint -n MyApp -I false
# Target .NET 10
dotnet new blazorblueprint -n MyApp -F net10.0
cd MyApp
dotnet run
Visit https://localhost:5001 to see your app.
| Parameter | Short | Default | Description |
|---|---|---|---|
--name | -n | Required | Project name |
--Framework | -F | net10.0 | Target framework (net8.0, net9.0, or net10.0) |
--RenderMode | -R | Auto | Blazor render mode (Server, WebAssembly, or Auto) |
--IncludeShowcase | -I | true | Include demo pages showing BlazorBlueprint components |
When --IncludeShowcase is true (default), your project includes demo pages at /showcase/*:
To remove showcase pages, simply delete the Pages/Showcase/ folder.
The template includes a Tailwind CSS setup with pre-built utilities:
wwwroot/css/app.css - Pre-built Tailwind utilities (generated during build)wwwroot/css/app-input.css - Tailwind source filetailwind.config.js - Tailwind configuration with theme color mappingsIf you add new Tailwind classes to your pages, rebuild the CSS:
# Windows (requires tailwindcss.exe in tools/ folder)
tools\tailwindcss.exe -i wwwroot/css/app-input.css -o wwwroot/css/app.css --minify
# Or install Tailwind CLI globally
npx tailwindcss -i wwwroot/css/app-input.css -o wwwroot/css/app.css --minify
Edit wwwroot/styles/themes/default.css to customize colors. See THEMING.md for all available CSS variables.
dotnet new uninstall BlazorBlueprint.Templates
To test templates locally:
# Install template from source
./scripts/install-template-local.sh
# Create and run a test project
./scripts/create-template-test.sh
./scripts/run-template-test.sh
To rebuild template CSS after modifying content:
npx tailwindcss -i content/BlazorBlueprint.WebApp/wwwroot/css/app-input.css -o content/BlazorBlueprint.WebApp/wwwroot/css/app.css --minify