Awesome
<p align="center"> <a href="https://getblazorbootstrap.com/"> <img src="https://demos.blazorbootstrap.com/images/logo/logo-color.svg" alt="Blazor Bootstrap logo" width="200" height="200"> </a> </p> <h3 align="center">Blazor Bootstrap Component Library</h3> <p align="center"> An Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks. <br> <a href="https://docs.blazorbootstrap.com/getting-started/blazor-webassembly-net-8"><strong>Getting Started ยป</strong></a> <br> </p> <br>NOTE: We strongly recommend all BlazorBootstrap users migrate to version 2.x.x. Read more...
Status
Docs & Demos
Table of contents
Install
Install with NuGet: Install-Package Blazor.Bootstrap -Version 3.2.0
Install Blazor Bootstrap templates
Install Blazor Bootstrap templates with .NET CLI: dotnet new install Blazor.Bootstrap.Templates::1.10.0
- Read the Getting started page for information on the framework installation, contents, examples, and more.
Blazor Bootstrap Components
Component Name | Docs | Demos |
---|---|---|
Accordion | Docs | Demos |
Alerts | Docs | Demos |
AutoComplete | Docs | Demos |
Badge | Docs | Demos |
Breadcrumb | Docs | Demos |
Buttons | Docs | Demos |
Callout | Docs | Demos |
Card | Docs | Demos |
Carousel | Docs | Demos |
Charts: Bar chart | Docs | Demos |
Charts: Doughnut chart | Docs | Demos |
Charts: Line chart | Docs | Demos |
Charts: Pie chart | Docs | Demos |
Charts: Polar Area chart | Docs | Demos |
Charts: Radar chart | Docs | Demos |
Charts: Scatter chart | Docs | Demos |
Collapse | Docs | Demos |
Confirm Dialog | Docs | Demos |
Currency Input | Docs | Demos |
Date Input | Docs | Demos |
Dropdown | Docs | Demos |
Google Map | Docs | Demos |
Grid | Docs | Demos |
Icons | Docs | Demos |
Images | Docs | Demos |
Markdown | Docs | Demos |
Modals | Docs | Demos |
Number Input | Docs | Demos |
Offcanvas | Docs | Demos |
Pagination | Docs | Demos |
PDF Viewer | Docs | Demos |
Placeholders | Docs | Demos |
Preload | Docs | Demos |
Progress | Docs | Demos |
RangeInput | Docs | Demos |
Ribbon | Docs | Demos |
Script Loader | Docs | Demos |
Sidebar | Docs | Demos |
Sidebar2 | Docs | Demos |
Sortable List | Docs | Demos |
Spinners | Docs | Demos |
Switch | Docs | Demos |
Tabs | Docs | Demos |
Theme Switcher | Docs | Demos |
Time Input | Docs | Demos |
Toasts | Docs | Demos |
Tooltips | Docs | Demos |
More components coming...
Documentation
Blazor Bootstrap's documentation, which is included in this repository's root directory, is built with Docusaurus and publicly hosted on GitHub Pages at https://docs.blazorbootstrap.com/. The docs may also be run locally.
Screenshots
Blazor Bootstrap - Accordion
Blazor Bootstrap - Alerts
Blazor Bootstrap - Auto Complete
Blazor Bootstrap - Badge
Blazor Bootstrap - Breadcrumb
Blazor Bootstrap - Buttons
Blazor Bootstrap - Callout
Blazor Bootstrap - Card
Blazor Bootstrap - Carousel
Blazor Bootstrap - Charts: Bar Chart
Blazor Bootstrap - Charts: Doughnut Chart
Blazor Bootstrap - Charts: Line Chart
Blazor Bootstrap - Charts: Pie Chart
Blazor Bootstrap - Charts: Polar Area Chart
Blazor Bootstrap - Collapse
Blazor Bootstrap - Confirm Dialog
Blazor Bootstrap - Currency Input
Blazor Bootstrap - Date Input
Blazor Bootstrap - Dropdown
Blazor Bootstrap - Google Map
Blazor Bootstrap - Grid
Blazor Bootstrap - Icon
Blazor Bootstrap - Image
Blazor Bootstrap - Markdown
Blazor Bootstrap - Modal
Blazor Bootstrap - Number Input
Blazor Bootstrap - Offcanvas
Blazor Bootstrap - Pagination
Blazor Bootstrap - PDF Viewer
Blazor Bootstrap - Placeholder
Blazor Bootstrap - Preload
Blazor Bootstrap - Progress
Blazor Bootstrap - Range Input
Blazor Bootstrap - Ribbon
Blazor Bootstrap - Script Loader
Blazor Bootstrap - Sidebar
Blazor Bootstrap - Sidebar2
Blazor Bootstrap - Sortable List
Blazor Bootstrap - Switch
Blazor Bootstrap - Tabs
Blazor Bootstrap - Theme Switcher
Blazor Bootstrap - Time Input
Blazor Bootstrap - Toasts
Blazor Bootstrap - Tooltips
Creators
Vikram Reddy
Sponsors
Support this project by becoming a sponsor. Your logo will show up here with a link to your website. [Become a sponsor]
Backers
Thank you to all our backers! ๐ [Become a backer]
Copyright and license
Code and documentation copyright 2024 Blazor Bootstrap Code released under the Apache-2.0 License.