Guides
Why twblazor?
twblazor is the MIT licensed Blazor component library built on Tailwind CSS. Free, fully themeable and styled in your own project.
Last updated
Blazor components that follow your design
Most Blazor component libraries ship their own design system and ask you to work around it. twblazor starts from the opposite end: your Tailwind CSS setup, your brand and your rules, with ready-made accessible components on top.
- MIT licensed. Free for commercial and personal projects, forever.
- Tailwind native. Real utility classes, not a theme layer that imitates them.
- Yours to change. Every component's styles live in your own project.
How twblazor stacks up
twblazor is the one option that is MIT licensed, has no paid tier and is built on Tailwind CSS with the styles living in your own project.
| Library | Licence | Commercial use | Tailwind | Your styles | Fully free |
|---|---|---|---|---|---|
| twblazor | MIT | Yes | Yes | Yes | Yes |
| MudBlazor | MIT | Yes | No | No | Yes |
| Radzen | MIT | Yes | No | No | Partly |
| Fluent UI Blazor | MIT | Yes | No | No | Yes |
| Blazorise | Free + paid | Partly | Partly | No | No |
| Commercial suites | Proprietary | No | No | No | No |
What you get
Its components are styled with Tailwind utility classes that live in a Theme.cs file in your own project, so your Tailwind build compiles them and you can change any component's look by editing a C# string. There is no theme override layer to fight and no design system to work around.
- MIT licence, no paid tier. Free and open source for commercial and personal projects, with nothing held back behind a subscription.
- You own the styling. Classes sit in your repository, so your brand, your Tailwind config and your dark mode apply directly.
- Works with Blazor Server and Blazor WebAssembly.
- Dark mode, accessible markup and keyboard support in every component.
- A Theme builder for brand colors and picking only the components you use.
Next steps
- Follow the Get started guide to install twblazor.
- Try the live examples, starting with the button and data table pages.
- Learn how Tailwind CSS works with Blazor.