Menu

I built shadcn/ui for Blazor, and version 0.4.0 is out
πŸ“°

I built shadcn/ui for Blazor, and version 0.4.0 is out

DEV Community: blazorΒ·ShewartΒ·5 days ago
#g0YXVUzk
#devtoblazor#devto#dev#shellui#components
Reading 0:00
15s threshold

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.…

Continue reading β€” create a free account

Join HashtagPLUS to read full articles, follow hashtags, vote, and join the conversation.