API Documentation (docfx) • Component Documentation (twblazor.com) • Get Started
Why twblazor?
With years of working with Blazor, I've come accross and used a lot of component frameworks, but never one that has ever let me customise it my way without fighting against the library and its built in CSS. That's why I decided to build twblazor; every component is styled with Tailwind CSS classes instead of it's own theming layer, so customising it feels the same as customising your own markup.
Combined with Tailwind's using hot reload, you can fine-tune a button, switch, checkbox, or dropdown down to the exact color, spacing, and radius, and see the change immediately. It all lives in one typed theme file, so there's no hunting through component internals to find what to change.
twblazor is, and always will be, open source under the MIT license, free for personal and commercial projects alike. I welcome contributions, issues, and feedback from anyone using it. The project is actively maintained. New components, accessibility fixes, and documentation land regularly. I have lots of components I plan to add.
Are you using twblazor in your own project? Share it here - we would love to see what you're building!
Setup
- Install the twblazor NuGet package in your Blazor project.
$ dotnet add package twblazor --version 1.11.4
- Head to the Get Started guide for the rest of the setup - stylesheets, imports, providers, theming and dependency injection - covering both Interactive Server and WebAssembly Blazor Web Apps step by step.
Dependencies
- Tailwind CSS - A utility-first CSS framework for styling components.
- Bootstrap Icons - An open-source icon library used for our TwIcon component.