v4
Version 4 is here — 37 new components, .NET 10

shadcn/ui for Blazor.
Built for Developers|

Beautiful defaults. Powerful components. Built for real Blazor apps.
149 enterprise-class components with built-in localization, built for .NET 10 and later.

Real components. Ready for your app.

Go ahead. Make it yours.

Live Blazor components
Example theme

The next big thing, on schedule.

Drag tasks, resize bars, or connect their handles. Click a dependency arrow to remove it.

Loading preview…

Your theme. Your data. Your C#.

Open docs
149 componentsOpen source · Apache 2.0Built for .NET 10

Bring it to your next Blazor app.

Install the package, try a component, and make it yours. Free and open source, including the enterprise components.

Like what you see? A star helps others discover the library.

Small pieces. Complete experiences.

Hover or focus a highlighted part to discover the components behind it.

Explore 65 blueprints

Real examples. Explore the parts, then try them yourself.

Used by

Real products. Built with Blueprint.

Products built by the creator of Blazor Blueprint.

Building with Blueprint? Share your project
Industry First

Your AI assistant actually knows the library

Blazor Blueprint ships with a built-in MCP server and llms.txt — so Claude, Cursor, Copilot, and Windsurf generate correct component code on the first try.

claude code

Add a date picker that disables past dates and Sundays

Called get_component("DatePicker")
<BbDatePicker @bind-Value="appointmentDate"
    Placeholder="Select a date"
    MinDate="DateTime.Today"
    DateFormat="MMM d, yyyy"
    DisabledDates="@(d => d.DayOfWeek == DayOfWeek.Sunday)" />

I've added a BbDatePicker that prevents selecting past dates via MinDate and disables Sundays using the DisabledDates predicate.

MCP Server

11 tools give your AI structured access to every component, pattern, and API.

llms.txt

100+ machine-optimized docs so any LLM can understand the library without hallucinating.

Works Everywhere

Claude Code, Cursor, GitHub Copilot, Windsurf — any MCP-compatible AI tool.

npx @blazorblueprint/mcp@latest

Built-in Localization

Every component supports full localization out of the box. Customize any string with the IBbLocalizer interface — from buttons and labels to date pickers and validation messages.

Per-component overrides
Global defaults
Any localization framework

Built-in Theme Switcher

Ship a complete theme system with dark mode, 5 base color palettes, 17 accent colors, and border radius presets. Drop in BbThemeSwitcher for a full theme panel or BbDarkModeToggle for a quick toggle — with localStorage persistence.

Dark mode
5 base palettes
17 accent colors
localStorage persistence

Two-Tier Architecture

Choose between unstyled primitives for full control or pre-styled components for rapid development.

Primitives

Unstyled & headless

Unstyled components that provide behavior, state management, and semantic HTML with ARIA attributes. Perfect for building custom design systems from scratch.

  • Full styling control
  • Semantic HTML & ARIA attributes
  • Keyboard interaction support

Components

Styled & ready to use

Pre-styled components built on primitives with shadcn/ui design. Drop them in and use immediately with beautiful defaults.

  • Beautiful defaults
  • Tailwind CSS styling
  • Customizable themes

Works with tweakcn

Use the popular shadcn/ui visual theme editor to customize your Blazor app. Create unique themes with real-time preview, then export CSS variables that work directly with Blazor Blueprint.

The only Blazor component library compatible with the shadcn/ui theming ecosystem.