Skip to content

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.


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

Popular components

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

ColorPicker

Full docs
rgb(0,101,239)  ·  alpha 1
<BitColorPicker ShowPreview ShowAlphaSlider
                @bind-Alpha="Alpha"
                @bind-Color="Color" />

@code {
    private double Alpha = 1;
    private string Color = "rgb(0,101,239)";
}

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.

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

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.