Blazor Bootstrap Component Library

An Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks.
Getting Started »

NOTE: We strongly recommend all BlazorBootstrap users migrate to version 2.x.x. Read more...

Status

Docs & Demos

• Docs Website
• Demo Website - Blazor Server
• Demo Website - Blazor WebAssembly

Table of contents

• Install
• Install Blazor Bootstrap templates
• Components
• Documentation
• Creators
• Copyright and license

Install

Install with NuGet: Install-Package Blazor.Bootstrap -Version 3.1.1

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
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 - Time Input

Blazor Bootstrap - Toasts

Blazor Bootstrap - Tooltips

Creators

Vikram Reddy

• https://twitter.com/gvreddy04

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.