Skip to content
BlazorUI

Documentation

bit BlazorUI

An open-source suite of 100+ native components written entirely in C#, running unchanged across every interactive Blazor mode: WebAssembly, Server, Hybrid (MAUI) and pre-rendering.

At a glance

100+ Components, in 13 categories
~400 KB The whole suite: dll, css and js
100% C# No JS framework underneath
.NET 8.0+ WASM, Server, Hybrid, SSR

Why bit BlazorUI

Four things that are hard to add to a component library later, and are therefore worth checking before you pick one.

Small, and honest about it

Five components add about 50 KB to an app; forty add about 200 KB. Nothing is pulled in that you did not use, and there is no JavaScript framework underneath.

Every render mode, one codebase

The same component renders under WebAssembly, Server, Hybrid (MAUI) and static pre-rendering - including the ones you would expect to need JS, like the PDF viewer and the markdown renderer.

Themed from one color

Feed a brand color to the theme factory and it derives complete light and dark palettes. Four design-system presets ship in the box - Fluent, Fluent 2, Material and Cupertino - and every one of them is only CSS variables.

RTL and accessibility built in

Right-to-left is a first-class direction on every component, not a stylesheet you add later - and keyboard support, ARIA semantics and reduced-motion handling come with the component rather than after it.

Quick start

Three steps from an empty Blazor project to a working component.

1. Install the package

dotnet add package Bit.BlazorUI

2. Add the styles and scripts

<link href="_content/Bit.BlazorUI/styles/bit.blazorui.css" rel="stylesheet" />
<script src="_content/Bit.BlazorUI/scripts/bit.blazorui.js"></script>

3. Use a component

@using Bit.BlazorUI

<BitButton Size="BitSize.Large" IconName="Add">
    Click me
</BitButton>

<BitTextField Label="Enter your name" Placeholder="Name" />

<BitDatePicker Label="Select a date" />
The full getting started guide - optional packages, cache busting, MCP

Start from the project template

A clean solution wired for theming, SSR and responsive layouts, so the first commit is your app rather than its setup.

Install the template once:

dotnet new install Bit.BlazorEmpty

Then create an app from it:

dotnet new bit-empty -n MyBitBlazorEmptyApp

Browsers and platforms

Verified on the current release of each, for desktop and mobile.

Browsers

  • Apple Safari (current+)
  • Google Chrome (current+)
  • Microsoft Edge (current+)
  • Mozilla Firefox (current+)

Blazor Hybrid platforms

  • Android 7.1 (API level 24) or higher
  • iOS 15 or higher
  • macOS 12 (Monterey) or higher
  • Windows 7 SP1 or higher

Resources

Where to go next, and where to go when something does not work.

Components Live demos and the full API for all 100+ components. Theming Design tokens, presets, dark mode, and the theme factory. Iconography The full Fabric (MDL2) icon set, searchable and copyable. Playground A ready-to-use GitHub Codespace - no local setup to try something. DeepWiki An AI-oriented wiki for troubleshooting and deeper technical detail. GitHub Source, issues, discussions, roadmap and release notes.

Feedback

Found a mistake, a gap, or something that could be clearer? Every page and every component is one click from its source.