Skip to content
BlazorUI

Build your entire Blazor UI without leaving C#


bit BlazorUI is an open-source suite of 100+ native components that render unchanged under WebAssembly, Server, Hybrid (MAUI) and pre-rendering - and re-skin to your brand from a single color.


Search by name, by what another library calls it, or by what you want it to do - or press / from anywhere. 

dotnet add package Bit.BlazorUI
100+ Components
100% C# Native Blazor
~400KB Full suite size
.NET 10.0+ Framework
Make it yours:
Explore theming
Select an item
   
This is the "Overview" tab.

Popular components

Pick one to see it running, and the markup it took to get there.

DataGrid

Full docs
Smart Speaker
Electronics
$89.99
120
Classic Notebook
Books
$12.50
340
Eco Backpack
Sports
$64.00
75
Pro Camera
Electronics
$899.00
12
Vintage Lamp
Home
$45.90
0
1–5 of 10
Page 1 of 2
Click a header to sort; Ctrl/⌘ or Shift+click adds a column to the sort. 
<BitDataGrid Items="Products" Pageable PageSize="5" AriaLabel="Products">
    <BitDataGridColumn Property="p => p.Name" Width="180px" />
    <BitDataGridColumn Property="p => p.Category" />
    <BitDataGridColumn Property="p => p.Price" Format="C2" Align="BitTextAlign.End" />
    <BitDataGridColumn Property="p => p.Stock" Align="BitTextAlign.End" />
</BitDataGrid>

@code {
    private record Product(string Name, string Category, decimal Price, int Stock);

    private static List<Product> Products =
    [
        new("Smart Speaker", "Electronics", 89.99m, 120),
        new("Classic Notebook", "Books", 12.50m, 340),
        new("Eco Backpack", "Sports", 64.00m, 75),
        new("Pro Camera", "Electronics", 899.00m, 12),
        new("Vintage Lamp", "Home", 45.90m, 0),
        new("Modern Jacket", "Clothing", 129.00m, 48),
        new("Mini Drone", "Toys", 249.99m, 30),
        new("Deluxe Blender", "Home", 159.00m, 22),
        new("Compact Mug", "Home", 9.99m, 510),
        new("Ultra Sneaker", "Sports", 119.00m, 64),
    ];
}

Why bit BlazorUI?

Six things that are difficult to retrofit into a component library, and are therefore worth checking before you commit to one.

Native Blazor UI

Every component is written in C#, with no JavaScript framework underneath - which is why the same code renders under WASM, Server, Hybrid and static pre-rendering without changing.

Performance centric

Five components add about 50 KB to an app; forty add about 200 KB in total - dll, css and js together. You pay for what you use and nothing else.

Themed from one color

A single brand color fed to the theme factory produces complete light and dark palettes, and four design-system presets - Fluent, Fluent 2, Material and Cupertino - ship in the box.

RTL & multi-culture

Right-to-left is a first-class direction on every component rather than a stylesheet added afterwards, which makes this a solid base for a genuinely multilingual application.

AI-ready

The official MCP server lets Copilot, Cursor, Claude and Windsurf discover components, pull accurate examples, and follow the library's conventions without being told twice.

Dedicated dev team

A professional team builds these components in the open, on the same repository you can file an issue on - which is what keeps the release cadence and the support predictable.

One color in, a whole design system out

Every component reads its color, shape, size, type and motion from CSS variables, so a theme is data rather than a stylesheet fork. Hand the theme factory a brand color and it derives complete light and dark palettes with the contrast already checked - or pick one of the four design systems that ship in the box.

The switcher in the header above re-skins this entire site live. Nothing on this page is a screenshot.

Explore theming
Fluent Fluent 2 Material Cupertino
await themeManager.ApplyTheme(
    BitThemeFactory.CreateFromColor("#8b5cf6"));
:root[bit-theme="my-brand"] {
    --bit-clr-pri: #8b5cf6;
    --bit-shp-radius-surface: 12px;
    --bit-tpg-font-family: "Inter", sans-serif;
}

Built for the AI-assisted workflow

Point your coding agent - GitHub Copilot, Cursor, Claude, Windsurf - at the official bit BlazorUI MCP server and it discovers components, pulls accurate usage examples, and follows the library's conventions without being told twice. This very site is that server, so what the agent reads is what these pages render. 

{
  "mcpServers": {
    "bitBlazorUI": {
      "type": "http",
      "url": "https://blazorui-ai.bitplatform.dev/mcp"
    }
  }
}

143 components, in 14 categories

Everything an application UI is made of - and a few things it usually is not, like a pure-C# PDF viewer, a native charting component and a full scheduler.

Buttons 5 components Inputs 14 components Pickers 5 components Layouts 6 components Lists 4 components Navs 6 components Notifications 5 components Progress 3 components Surfaces 11 components Utilities 14 components Extras 20 components AI 42 components Legacy 6 components Theming 2 components
Browse all components

Start building with bit BlazorUI

Free and open source, backed by a dedicated development team and an active community. Every component lives on GitHub, so you can follow how it is built, report a bug, fork it, or send a pull request.