Home

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

NuGet NuGet Backers on Open Collective Sponsors on Open Collective

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

image

Blazor Bootstrap Components

Component NameDocsDemos
AccordionDocsDemos
AlertsDocsDemos
AutoCompleteDocsDemos
BadgeDocsDemos
BreadcrumbDocsDemos
ButtonsDocsDemos
CalloutDocsDemos
CardDocsDemos
CarouselDocsDemos
Charts: Bar chartDocsDemos
Charts: Doughnut chartDocsDemos
Charts: Line chartDocsDemos
Charts: Pie chartDocsDemos
Charts: Polar Area chartDocsDemos
Charts: Radar chartDocsDemos
Charts: Scatter chartDocsDemos
CollapseDocsDemos
Confirm DialogDocsDemos
Currency InputDocsDemos
Date InputDocsDemos
DropdownDocsDemos
Google MapDocsDemos
GridDocsDemos
IconsDocsDemos
ImagesDocsDemos
MarkdownDocsDemos
ModalsDocsDemos
Number InputDocsDemos
OffcanvasDocsDemos
PaginationDocsDemos
PDF ViewerDocsDemos
PlaceholdersDocsDemos
PreloadDocsDemos
ProgressDocsDemos
RangeInputDocsDemos
RibbonDocsDemos
Script LoaderDocsDemos
SidebarDocsDemos
Sidebar2DocsDemos
Sortable ListDocsDemos
SpinnersDocsDemos
SwitchDocsDemos
TabsDocsDemos
Theme SwitcherDocsDemos
Time InputDocsDemos
ToastsDocsDemos
TooltipsDocsDemos

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 - Accordion

Blazor Bootstrap - Alerts

Blazor Bootstrap - Alerts

Blazor Bootstrap - Auto Complete

Blazor Bootstrap - Auto Complete

Blazor Bootstrap - Badge

Blazor Bootstrap - Badge

Blazor Bootstrap - Breadcrumb

Blazor Bootstrap - Breadcrumb

Blazor Bootstrap - Buttons

Blazor Bootstrap - Buttons

Blazor Bootstrap - Callout

Blazor Bootstrap - Callout

Blazor Bootstrap - Card

Blazor Bootstrap - Card

Blazor Bootstrap - Carousel

Blazor Bootstrap - Carousel

Blazor Bootstrap - Charts: Bar Chart

Blazor Bootstrap - Charts: Bar Chart

Blazor Bootstrap - Charts: Doughnut Chart

Blazor Bootstrap - Charts: Doughnut Chart

Blazor Bootstrap - Charts: Line Chart

Blazor Bootstrap - Charts: Line Chart

Blazor Bootstrap - Charts: Pie Chart

Blazor Bootstrap - Charts: Pie Chart

Blazor Bootstrap - Charts: Polar Area Chart

Blazor Bootstrap - Charts: Polar Area Chart

Blazor Bootstrap - Collapse

Blazor Bootstrap - Collapse

Blazor Bootstrap - Confirm Dialog

Blazor Bootstrap - Confirm Dialog

Blazor Bootstrap - Currency Input

Blazor Bootstrap - Currency Input

Blazor Bootstrap - Date Input

Blazor Bootstrap - Date Input

Blazor Bootstrap - Dropdown

Blazor Bootstrap - Dropdown

Blazor Bootstrap - Google Map

Blazor Bootstrap - Google Map

Blazor Bootstrap - Grid

Blazor Bootstrap - Grid

Blazor Bootstrap - Icon

Blazor Bootstrap - Icon

Blazor Bootstrap - Image

Blazor Bootstrap - Image

Blazor Bootstrap - Markdown

Blazor Bootstrap - Markdown

Blazor Bootstrap - Modal

Blazor Bootstrap - Modal

Blazor Bootstrap - Number Input

Blazor Bootstrap - Number Input

Blazor Bootstrap - Offcanvas

Blazor Bootstrap - Offcanvas

Blazor Bootstrap - Pagination

Blazor Bootstrap - Pagination

Blazor Bootstrap - PDF Viewer

Blazor Bootstrap - PDF Viewer

Blazor Bootstrap - Placeholder

Blazor Bootstrap - Placeholder

Blazor Bootstrap - Preload

Blazor Bootstrap - Preload

Blazor Bootstrap - Progress

Blazor Bootstrap - Progress

Blazor Bootstrap - Range Input

Blazor Bootstrap - Range Input

Blazor Bootstrap - Ribbon

Blazor Bootstrap - Ribbon

Blazor Bootstrap - Script Loader

Blazor Bootstrap - Script Loader

Blazor Bootstrap - Sidebar

Blazor Bootstrap - Sidebar

Blazor Bootstrap - Sidebar2

Blazor Bootstrap - Sidebar2

Blazor Bootstrap - Sortable List

Blazor Bootstrap - Sortable List

Blazor Bootstrap - Switch

Blazor Bootstrap - Switch

Blazor Bootstrap - Tabs

Blazor Bootstrap - Tabs

Blazor Bootstrap - Theme Switcher

Blazor Bootstrap - Theme Switcher

Blazor Bootstrap - Time Input

Blazor Bootstrap - Time Input

Blazor Bootstrap - Toasts

Blazor Bootstrap - Toasts

Blazor Bootstrap - Tooltips

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]

OC sponsor 0 OC sponsor 1 OC sponsor 2 OC sponsor 3 OC sponsor 4 OC sponsor 5 OC sponsor 6 OC sponsor 7 OC sponsor 8 OC sponsor 9

Backers

Thank you to all our backers! ๐Ÿ™ [Become a backer]

Backers

Copyright and license

Code and documentation copyright 2024 Blazor Bootstrap Code released under the Apache-2.0 License.