{"repo":"themesberg/flowbite-blazor","free":true,"listed":false,"github":"https://github.com/themesberg/flowbite-blazor","clone":"git clone https://github.com/themesberg/flowbite-blazor.git","description":"Blazor components built for Flowbite and Tailwind CSS","language":"HTML","stars":117,"topics":["blazor","csharp","dotnet","flowbite","flowbite-react","ui-components"],"license":null,"category":"ui-components","readme_excerpt":"Flowbite Blazor Build websites even faster with components on top of Blazor and Tailwind CSS --- --- Overview Flowbite Blazor is a Blazor component library that ports Flowbite to ASP.NET Blazor 8/9 on top of Tailwind CSS. It provides 30+ UI components styled with the Flowbite design system, including forms, navigation, modals, and more. Current Status: Beta ( v0.2.x-beta ) - APIs are stabilizing but may change. Live Demos - Production: https://flowbite-blazor.org/ - Development: https://develop.flowbite-blazor-8s8.pages.dev/ --- Installation Prerequisites - .NET 8.0 or .NET 9.0 SDK - Node.js 18+ (for Tailwind CSS) - Tailwind CSS v4.x 1. Install the NuGet Package Or add to your .csproj : 2. Register Flowbite Services In your Program.cs : 3. Add CSS References In your App.razor or Host.cshtml : 4. Add JavaScript References Before the closing tag: 5. Configure Tailwind CSS v4 Flowbite Blazor requires Tailwind CSS v4.x with CSS-first configuration. Create or update your app.css : Create tailwind.config.js for dark mode support: 6. Add Imports In your Imports.razor : --- Features Component Library Category Components ---------- ------------ Forms TextInput, TextArea, Select, Checkbox, Radio, FileInput, ToggleSwitch, RangeSlider, Combobox Navigation Navbar, Sidebar, Breadcrumb, Dropdown Feedback Alert, Badge, Toast, Spinner, Modal, Drawer Data Display Card, Avatar, Table, Timeline, Carousel Layout Button, ButtonGroup Typography Heading, Paragraph, Span New in v0.2.x - TailwindMerge","default_branch":null,"files":null,"tree":[],"storefront":"/r/themesberg","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/themesberg/flowbite-blazor/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}