https://github.com/alexandritesoftware/bb5
Blazor Components for Bootstrap 5
https://github.com/alexandritesoftware/bb5
blazor bootstrap bootstrap5 components
Last synced: about 2 months ago
JSON representation
Blazor Components for Bootstrap 5
- Host: GitHub
- URL: https://github.com/alexandritesoftware/bb5
- Owner: AlexandriteSoftware
- Created: 2025-06-24T10:22:46.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-06-24T21:38:44.000Z (about 1 year ago)
- Last Synced: 2025-06-24T22:34:30.215Z (about 1 year ago)
- Topics: blazor, bootstrap, bootstrap5, components
- Language: C#
- Homepage:
- Size: 9.77 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
Awesome Lists containing this project
README
# BB5 — Blazor Components for Bootstrap 5
**BB5** is a powerful set of Blazor components built on top of **Bootstrap 5**,
designed to help you build fast, clean, and modern UIs with minimal effort.
Whether you're crafting individual controls or assembling full-featured
data-driven screens, BB5 gives you the tools you need.
## 🚀 Why BB5?
Building Blazor apps should be quick, consistent, and scalable. BB5 solves
the problem of slow and repetitive UI development by providing:
* **Multiple levels of abstraction**: From low-level UI building blocks to
high-level smart components.
* **Out-of-the-box UX patterns**: Data grids, record forms, action buttons,
and layouts that just work.
* **Minimal boilerplate**: Plug in your model, hook up a data source, and
you're done.
## 🧰 Use Case: View and edit users
First, define a simple user model. Use data annotations.
```csharp
public class User
{
[Key]
public string Name { get; set; }
[DisplayName("Email Address")]
public string Email { get; set; }
}
```
Then define page's properties.
```csharp
private List? Users { get; set; }
private User? User { get; set; }
```
Initialise data in `OnInitialized`.
```csharp
protected override void OnInitialized()
{
Users =
new List {
new User { Name = "Alice",
Email = "alice@example.com" },
new User { Name = "Bob",
Email = "bob@example.com" }
};
}
```
Use this markup to display a table of users and a form to edit the selected user.
```razor
```
## 🧩 What’s Inside?
### ✅ Core Components
Essential Blazor elements styled with Bootstrap 5. Customisable and composable.
### 📄 Form
Generate entire forms from a model definition. Supports validation, layout
presets, custom field components, and save/cancel logic with hooks.
### 📊 Table
Dynamic, responsive tables with built-in pagination, sorting, inline actions,
and optional editing modes. Just bind a list—BB5 handles the rest.
## 🛠️ Designed for Developers
BB5 gives you the control you want *when you need it*, and hides
the complexity when you don't. Ideal for internal tools, admin panels,
dashboards, and any Blazor project where delivery speed matters.
## 📚 Docs & Demos
Explore the [documentation](./BB5.Docs/README.md) for detailed guides.
Check out the samples folder to get started fast.
## 🧪 Still Evolving
BB5 is under active development. Contributions, feedback, and ideas are welcome.
## 🚀 Installation
To get started with BB5, add the [BB5 NuGet package](https://www.nuget.org/packages/BB5) to
your Blazor project:
```pwsh
dotnet add package BB5
```
## 📄 Licensing
BB5 is a commercial product with the following licensing terms:
* **Free** for project contributors (see CONTRIBUTING.md).
* **\$99/year** per individual developer ([purchase](https://buy.stripe.com/7sYdR9aco30I1t14Dk0Ba01))
* **\$999/year** for company-wide use ([purchase](https://buy.stripe.com/4gM9AT0BOata0oXd9Q0Ba00))
Individuals and companies are entitled for free trial use for 30 days.