New in v4.0 — Theme v2: 7 style variants, 170 combos, font & radius presets →

The shadcn of Blazor

Build Blazor apps 10x faster with a complete Design System.
100+ shadcn/ui inspired components, built natively for .NET.

Get Started → Explore Components

100+ Components

•

170 Themes

•

10k+ Downloads

•

MIT

Beautiful & Accessible

Designed with shadcn/ui principles. WCAG 2.1 AA compliant, keyboard navigation, and screen-reader ready.

Production-Ready

Copy, paste, and ship. Pre-built CSS, responsive design, portal architecture, and battle-tested components.

Built for Blazor Developers

Composable declarative UI with full IntelliSense support. Type-safe APIs built natively on .NET, not a React wrapper.

The modern shadcn/ui you loved.
Rebuilt for Blazor.

Discover what's possible — composable, production-ready components built for pure Blazor. No React required.

Payment Method

All transactions are secure and encrypted

Name on Card

Card Number

Enter your 16-digit number.

CVV

Month

Year

Analytics

+12.5%

$45K

Revenue

2,543

Users

3.2%

Conv. Rate

Page Views 128,430

Bounce Rate 24.8%

Avg. Session 4m 32s

No Team Members

Invite your team to collaborate on this project.

Verify your identity

Enter the 6-digit code sent to your phone.

0:45

Check your authenticator app or SMS for the code.

Acme Inc.

Welcome back

Or continue with

Password Forgot your password?

Notifications

Payment processed

$99.00 subscription renewed successfully.

2m ago

New team member

Alex Kim joined your workspace.

45m ago

Usage limit warning

You've used 85% of your API quota.

2h ago

Deployment failed

Production build #247 failed. Review logs.

5h ago

NeoUI v3.2.0

Popular

New

Rate your experience

5 of 5 — Excellent!

70/500

Browser Usage

Showing statistics for january

Email Notifications

Receive email updates

Dark Mode

Use dark theme

Pricing Plans

Starter

$29/mo

Up to 3 projects
5 GB storage
Email support

Pro

Popular

$99/mo

Unlimited projects
100 GB storage
Priority support

Team Size: 3 members

+$5/seat beyond 5 members

Click to see a live Toast notification demo

Explore all 100+ components →

PHILOSOPHY

Reimagining Modern UI
for Blazor

Blazor is a powerful developer platform — but modern UI design patterns have been largely absent.

NeoUI changes that. It brings the modern shadcn/ui philosophy — composability, accessibility, thoughtful motion, and design-system architecture — natively to .NET.

Now you can build Blazor apps with modern, polished UIs and leverage the full power of the .NET ecosystem. With thoughtful support for all Blazor rendering modes — Interactive Server, WebAssembly, and Auto — you get the productivity of full-stack .NET development without compromising on design quality.

@* TeamCard.razor *@

<Card>
  <CardHeader Class="flex flex-row items-center justify-between pb-2">
    <CardTitle Class="text-sm font-semibold">Team Members</CardTitle>
    <Badge Variant="BadgeVariant.Secondary">4 active</Badge>
  </CardHeader>
  <CardContent>
    <Button Variant="ButtonVariant.Default" Size="ButtonSize.Small"
      OnClick="OpenPreviewDialog">
      Invite Member
    </Button>
  </CardContent>
</Card>

<Dialog @bind-Open="_previewDialogOpen">
  <DialogContent>
    <DialogHeader>
      <DialogTitle>Invite a team member</DialogTitle>
    </DialogHeader>
    <Input Placeholder="name@company.com" />
    <DialogFooter>
      <DialogClose>
        <Button Variant="ButtonVariant.Outline" Size="ButtonSize.Small">Cancel</Button>
      </DialogClose>
      <Button Variant="ButtonVariant.Default" Size="ButtonSize.Small">Send Invite</Button>
    </DialogFooter>
  </DialogContent>
</Dialog>

@code {
  bool _previewDialogOpen = false;
  void OpenPreviewDialog() => _previewDialogOpen = true;
}

Principles

Built on shadcn/ui Design Principles

Every component follows the same philosophy that made shadcn/ui the most loved React UI library

Composability Over Configuration

Components are primitive building blocks. Compose them however you need—no rigid props or config sprawl.

Two Layer Architecture

Headless primitives provide behavior and accessibility. Styled components built on top of Tailwind-first styling.

Intuitive Developer Experience

Type-safe APIs. IntelliSense support. Clear naming. Zero magic—components work the way you expect.

Thoughtful Motion

Smooth, purposeful animations. Height animations, slide transitions, fade effects—polish that users feel.

Design System Architecture

CSS variables, semantic tokens, Theme v2 system. Switch style variants, fonts, radius, and 170 color combos at runtime.

Zero Configuration

No Tailwind setup. No build tools. Just install the NuGet package and start building. Pre-built CSS included.

Quick Start

Skip Hours of Boilerplate

One command scaffolds a production-ready Blazor app with a complete NeoUI shell — sidebar, theme switcher, dark mode, and Spotlight command palette — so you can ship features from minute one.

Sidebar layout Theme switcher Dark mode Spotlight (Ctrl+K) Tailwind CSS v4 Server · WASM · Auto

Terminal

$ dotnet new install NeoUI.Blazor.Templates && dotnet new neoui -n MyApp

View template docs → · Adding to an existing project? View installation guide →

Built in the Open.

We can't wait to see the next-gen Blazor apps you're building.
Get started today.

What's Included

All 100+ styled components

15 headless primitives

3 complete icon libraries

Full theme system

Dark mode support

Complete source code

Community support

Regular updates

Open Source. MIT Licensed.

View on GitHub → Read Documentation