ShellUI v0.1.0
ShellUI v0.1.0 π
Beautiful, accessible Blazor components inspired by shadcn/ui
β¨ Highlights
This is the first official release of ShellUI - a CLI-first Blazor component library that brings the shadcn/ui philosophy to .NET developers.
π What's Included
CLI Tool (ShellUI.CLI)
shellui init- Initialize your Blazor project with Tailwind CSSshellui add <component>- Add individual components to your projectshellui list- List all available componentsshellui remove <component>- Remove installed componentsshellui update- Update components to the latest version
Components Library (ShellUI.Components)
Pre-built components for NuGet installation:
- Button - Interactive button with variants (default, destructive, outline, secondary, ghost, link)
- Badge - Status indicators with multiple variants
- Alert - Notification banners with icons
- Card - Content containers with header, content, and footer sections
- Input - Form input fields
- Label - Accessible form labels
- Separator - Visual dividers
- Shell utilities -
Shell.Cn()for Tailwind class merging
π¦ Installation
Option 1: CLI (Recommended)
# Install the CLI globally
dotnet tool install -g ShellUI.CLI
# Initialize your project
shellui init
# Add components
shellui add button badge alert cardOption 2: NuGet Package
dotnet add package ShellUI.Componentsπ¨ Styling
ShellUI uses Tailwind CSS v4 with CSS variables for theming. The shellui init command automatically sets up:
- Tailwind CSS standalone CLI (no Node.js required)
- CSS variables for light/dark themes
- Component styling aligned with shadcn/ui
π Requirements
- .NET 9.0 or later
- Blazor Server, WebAssembly, or Interactive modes
π Links
- Documentation: https://shellui.dev
- GitHub: https://github.com/shellui-dev/shellui
- NuGet: https://www.nuget.org/packages/ShellUI.Components
π Acknowledgments
Inspired by shadcn/ui - the beautiful React component library.
Full Changelog: https://github.com/shellui-dev/shellui/commits/v0.1.0