Build production-ready Blazor components with a few clicks
CLI-first Blazor component library inspired by shadcn/ui. Copy components directly into your project, customize everything, and build beautiful applications with Tailwind CSS.
Try it out.
shellui initTerminalshellui init ____ _ _ _ _ _ ___ / ___| | |__ ___ | | | | | | | | |_ _| \___ \ | '_ \ / _ \ | | | | | | | | | | ___) | | | | | | __/ | | | | | |_| | | | |____/ |_| |_| \___/ |_| |_| \___/ |___|Initializing ShellUI...ShellUI initialized successfully!Next steps: 1. Add components: dotnet shellui add button 2. Browse all: dotnet shellui list
Get Started in Minutes
Install ShellUI and add components to your Blazor project with just a few commands. Components are copied directly into your codebase, giving you full control.
Install the CLI
Install ShellUI CLI globally using .NET tools
Initialize Your Project
Run shellui init in your Blazor project directory
Add Components
Use shellui add to copy components into your project
dotnet tool install -g ShellUI.CLI
# Installing ShellUI CLI...
shellui init
# Initializing ShellUI in your project...
shellui add button card input
# Components added successfully!Built on Technologies You Trust
Powered by industry-standard tools and frameworks for reliable, performant applications
@page "/"
@using YourProject.Components.UI
<Form OnValidSubmit="HandleSubmit">
<div class="space-y-4">
<div>
<Label>Name</Label>
<Input @bind-Value="name" />
</div>
<div>
<Label>Email</Label>
<Input @bind-Value="email" Type="email" />
</div>
<Button Type="submit">Submit</Button>
</div>
</Form>
@code {
private string name = "";
private string email = "";
private void HandleSubmit()
{
// Handle form submission
}
}Use Components Like Native Blazor
ShellUI components work seamlessly with Blazor's component model. Use RenderFragments, event handlers, and all the features you're familiar with.
Familiar Razor syntax with RenderFragments
Full IntelliSense support and compile-time type checking
Modify component code directly since it's in your project
Event handlers and all standard Blazor features
Build your Blazor Apps with Confidence
Everything you need to create beautiful, accessible, and performant Blazor applications
CLI-First Approach
Components are copied directly into your project, giving you complete ownership and the freedom to customize everything
Accessible by Default
WCAG 2.1 AA compliant components with proper ARIA attributes and keyboard navigation built-in
Optimized Performance
Built for both Blazor Server and WebAssembly with minimal overhead and maximum efficiency
Fully Customizable
Theme with CSS variables or use tweakcn for instant theme generation
Type-Safe C#
Leverage .NET's powerful type system for compile-time safety and IntelliSense support
69+ Components
Comprehensive library covering forms, layouts, navigation, data display, and advanced UI patterns