flowbite-blazor
flowbite-blazor copied to clipboard
Official open-source UI component library for Blazor (.NET), Flowbite and Tailwind CSS
:construction: flowbite-blazor (unreleased) :construction:
Build websites even faster with components on top of Tailwind CSS
Flowbite-Blazor is an official Flowbite component library for Blazor. All interactivities are handled by Blazor.
Flowbite-Blazor-Starter
TODO You can use Flowbite-Blazor Starter for a quick start.
Installation
- Getting started
- About
- Types
- How to contribute
- CLI
- License
Documentation
For full documentation, visit flowbite-blazor.com.
Components
Accordion | Alerts | Avatar |
![]() |
![]() |
![]() |
Badges | Breadcrumbs | Button group |
![]() |
![]() |
![]() |
Buttons | Cards | Carousel |
![]() |
![]() |
![]() |
Dark mode | Dropdown | Footer |
![]() |
![]() |
![]() |
Forms | Icons | List group |
![]() |
![]() |
![]() |
Modals | Navbar | Pagination |
![]() |
![]() |
![]() |
Progress bar | Ratings | Sidebars |
![]() |
![]() |
![]() |
Spinners | Tables | Tabs |
![]() |
![]() |
![]() |
Timelines | Toast | Tooltips |
![]() |
![]() |
![]() |
Input Field | File Input | Search Input |
![]() |
![]() |
![]() |
Select | Textarea | Checkbox |
![]() |
![]() |
![]() |
Radio | Toggle | Range Slider |
![]() |
![]() |
![]() |
Floating Label | ||
![]() |
Community
If you need help or just want to discuss about the library join the community on Github:
⌨️ Discuss about Flowbite on GitHub
For casual chatting with others using the library:
💬 Join the Flowbite Discord Server
Tests
Run:
npm run test
Create props
npm run gen:props
This will pull all props from components and replace files in /src/routes/props
directory.
Contribute
Please read How to contribute.