Introduction

A Blazor component library inspired by shadcn/ui. Accessible. Customizable. Open Source.

ShadCn.Blazor brings the design philosophy of shadcn/ui to the Blazor ecosystem. It provides accessible, customizable, and open source UI components for both Blazor WebAssembly and Blazor Server, with a default theme driven by CSS variables.

All components are built as pure Blazor components and require no JavaScript or JS interop at runtime.

Highlights

  • Built for .NET 8+ and both Blazor WebAssembly and Blazor Server.
  • No JavaScript/JS interop required at runtime.
  • Single package install — get started with a single NuGet package.
  • Dark mode support via a dark class on the html element.
  • Easy customization through CSS variables and a Class parameter on every component.

Components Preview

Button

Displays a button or a component that looks like a button.

Input

Displays a form input field.

Badge

Displays a badge or a component that looks like a badge.

Default
Secondary
Destructive
Outline

Alert

Displays a callout for user attention.