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.

public class User
{
  [Key]
  public string Name { get; set; }

  [DisplayName("Email Address")]
  public string Email { get; set; }
}

Then define page's properties.

  private List<User>? Users { get; set; }
  private User? User { get; set; }

Initialise data in OnInitialized.

protected override void OnInitialized()
{
  Users =
    new List<User> {
      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.

<Table Items="@users"
       OnActivate="@(obj => User = obj as User)" />
<Form Object="@User" />

🧩 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 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 to your Blazor project:

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)
• $999/year for company-wide use (purchase)

Individuals and companies are entitled for free trial use for 30 days.