I'm Shewart, a .NET developer in Harare, Zimbabwe. Every time I started a Blazor app, I hit the same wall: the React world had shadcn/ui , beautiful, accessible components you copy into your project and own. Blazor had great component libraries, but making them look like my app meant fighting their CSS.
So I built ShellUI : shadcn/ui for Blazor. Version 0.4.0 just went stable.
How it works
dotnet tool install -g ShellUI.CLI shellui init shellui add button card dialog
Enter fullscreen mode
Exit fullscreen mode
init sets up Tailwind CSS and a theme, and wires everything into your project. add copies the components, and everything they depend on, into Components/UI . They're plain .razor files: your code, to change however you like.
<Card> <CardHeader> <CardTitle>Welcome back</CardTitle> </CardHeader> <CardContent> <Button Variant="ButtonVariant.Outline">Cancel</Button> <Button>Save</Button> </CardContent> </Card>
Enter fullscreen mode
Exit fullscreen mode
No Node.js
Tailwind usually means npm.β¦