bit BlazorUI
Production-ready and Fluent-inspired components for Blazor that stay native, flexible, and fast across all interactive Blazor modes (WASM, Server, Hybrid, and pre-rendering).
80+
Components
~400KB
Total suite bundle size
.NET 8.0+
Framework
Why choose bit BlazorUI?
Native Blazor Performance
Built entirely in C# with optimized rendering for all Blazor hosting models. Using 5 components adds only ~50KB, and 40+ components adds just ~200KB total.
Comprehensive Documentation
Extensive demos, API reference, usage guidance, and source code available for every component. Get started quickly with clear examples.
Production Ready
Optimized for .NET 8.0+ with SSR-friendly styles, responsive layouts, and light/dark themes ready for customization.
Explore components
Choose a category to jump into usage guidance, props, and live examples. Each category contains multiple production-ready components with comprehensive documentation.
Buttons
Interactive buttons for actions, menus, and toggles
Inputs
Form inputs including text fields, checkboxes, and dropdowns
Pickers
Date, time, and color pickers for data selection
Layouts
Layout components for structuring your application
Lists
Lists, carousels, and data display components
Navs
Navigation components including breadcrumbs, menus, and tabs
Notifications
Badges, messages, and notification components
Progress
Loading indicators and progress bars
Surfaces
Cards, dialogs, modals, and surface containers
Utilities
Helper components and utilities for common tasks
Extras
Advanced components including charts, data grids, and editors
Icons
Comprehensive icon library with Fabric icons
Quick start example
Get started in minutes with a simple example. Install the package and start building immediately.
1. Install the package
dotnet add package Bit.BlazorUI2. Add 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. Add to your Blazor components
@using Bit.BlazorUI
<BitButton Size="BitSize.Large" IconName="Add">
Click me
</BitButton>
<BitTextField Label="Enter your name" Placeholder="Name" />
<BitDatePicker Label="Select a date" />View complete getting started guide
Start with the project template
Spin up a clean bit BlazorUI solution aligned with the .NET 8.0+ hosting model, preconfigured for theming, SSR, and responsive layouts.
Install the template once:
dotnet new install Bit.BlazorEmptyCreate your app with the default setup:
dotnet new bit-empty -n MyBitBlazorEmptyAppSupported browsers
Verified on current releases for desktop and mobile:
- Apple Safari (current+ version)
- Google Chrome (current+ version)
- Microsoft Edge (current+ version)
- Mozilla Firefox (current+ version)
Supported platforms
Blazor Hybrid apps require:
- Android 7.1 (API Level 24) or higher
- iOS 15 or higher
- macOS 12 (Monterey) or higher
- Windows 7 SP1 or higher
Play on the GitHub Codespaces
Launch a ready-to-use playground in the browser with SDKs and tooling preinstalled, no local setup needed.
Test bit BlazorUI quickly, prototype a page, or reproduce an issue before opening a PR.
Open bit BlazorUI playground
Resources & support
Component Documentation
Comprehensive API reference, usage guidance, and interactive demos for every component.
GitHub Repository
Open source code, issue tracking, feature requests, roadmap, and release notes.
DeepWiki
AI-oriented wiki for better learning, troubleshooting, and in-depth technical information.
Feedback
You can give us your feedback through our GitHub repo by filing a new Issue or starting a new Discussion.