Blazor Blueprint Blazor Blueprint

shadcn/ui for Blazor.
Built for Developers|

The leading and most comprehensive shadcn/ui component library for Blazor.
115+ enterprise-class components with built-in localization, built for .NET 10, compatible with .NET 8+.

Blueprints

60+ production-ready pages, forms, and layouts — from login screens to full app shells. Copy the code, drop it in your project, and ship faster.

App Blueprints

6 complete application pages — mail client, task manager, analytics dashboard, music player, chat, and flight search. Each one production-ready.

Mail app blueprint Dashboard blueprint Chat app blueprint

Login Forms

9

Auth layouts with social login, split-screen, OTP, and more.

Sign Up Forms

5

Registration pages with social providers and cover images.

Marketing

9

Hero sections, pricing tables, testimonials, and CTAs.

Forms

6

Contact forms, multi-step wizards, profile editors, and checkout.

Dashboard

5

Stat cards, activity feeds, notifications, and chart overviews.

E-Commerce

5

Product grids, shopping cart, order confirmation, and quick view.

Data & Tables

3

Data tables, filterable grids, and combined stats dashboards.

Navigation

2

Top nav bars, breadcrumbs, and page headers.

Sidebars

10

Navigation sidebars with submenus, search, calendars, and team switchers.

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.