README
View on GitHub ↗
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 upgrade to version 4.0.0. Read more...
Status
Docs & Demos
Table of contents
Install
Install with NuGet: Install-Package Blazor.Bootstrap -Version 4.0.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.
Charts
Chart components have moved out of BlazorBootstrap and are now provided by the dedicated BlazorExpress.ChartJS package.
This is a breaking change for existing chart users: install BlazorExpress.ChartJS, import its namespace, load its browser scripts, and migrate from the former BlazorBootstrap chart API. See the migration and setup guide, the GitHub repository, and the original demos.
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 |
| Checkbox Input | Docs | Demos |
| Collapse | Docs | Demos |
| Confirm Dialog | Docs | Demos |
| Currency Input | Docs | Demos |
| Date Input | Docs | Demos |
| Dropdown | Docs | Demos |
| DragAndDropFileInput | Docs | Demos |
| Enum Input | Docs | Demos |
| FileInput | 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 |
| OTPInput | Docs | Demos |
| Offcanvas | Docs | Demos |
| Pagination | Docs | Demos |
| Password Input | Docs | Demos |
| PDF Viewer | Docs | Demos |
| Placeholders | Docs | Demos |
| Preload | Docs | Demos |
| Progress | Docs | Demos |
| Radio Input | Docs | Demos |
| RangeInput | Docs | Demos |
| RichTextEditor | Docs | Demos |
| Ribbon | Docs | Demos |
| Script Loader | Docs | Demos |
| Sidebar | Docs | Demos |
| Sidebar2 | Docs | Demos |
| SplitView | Docs | Demos |
| Sortable List | Docs | Demos |
| Spinners | Docs | Demos |
| Switch | Docs | Demos |
| Tabs | Docs | Demos |
| Text Input | Docs | Demos |
| TextArea Input | 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 - Checkbox Input
Blazor Bootstrap - Collapse
Blazor Bootstrap - Confirm Dialog
Blazor Bootstrap - Currency Input
Blazor Bootstrap - Date Input
Blazor Bootstrap - DragAndDropFileInput
Blazor Bootstrap - Dropdown
Blazor Bootstrap - Enum Input
Blazor Bootstrap - FileInput
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 - OTPInput
Blazor Bootstrap - Offcanvas
Blazor Bootstrap - Password Input
Blazor Bootstrap - Pagination
Blazor Bootstrap - PDF Viewer
Blazor Bootstrap - Placeholder
Blazor Bootstrap - Preload
Blazor Bootstrap - Progress
Blazor Bootstrap - Radio Input
Blazor Bootstrap - Range Input
Blazor Bootstrap - RichTextEditor
Blazor Bootstrap - Ribbon
Blazor Bootstrap - Script Loader
Blazor Bootstrap - Sidebar
Blazor Bootstrap - Sidebar2
Blazor Bootstrap - SplitView
Blazor Bootstrap - Sortable List
Blazor Bootstrap - Switch
Blazor Bootstrap - Tabs
Blazor Bootstrap - Text Input
Blazor Bootstrap - TextArea Input
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.