TabBlazor

A Blazor component library and admin template built on the Tabler UI framework.

Live demo

Features

• 90+ Razor components (forms, tables, modals, dashboards, navigation)
• QuickTable with virtual scrolling, sorting, filtering, grouping; optional EF Core integration
• Pluggable form validation (DataAnnotations by default; bring your own IFormValidator)
• Modal and offcanvas services with async result patterns
• Dark/light theme switch
• Minimal JavaScript interop — most components are pure C#/CSS
• Opt-in popper.js positioning for tooltips, dropdowns, etc.

Install

dotnet add package TabBlazor
dotnet add package TabBlazor.QuickTable.EntityFramework   # optional, EF Core integration

Register services in Program.cs:

builder.Services.AddTabBlazor(options =>
{
    options.EnablePopper = true;   // optional, enables dynamic tooltip/dropdown positioning
});

Add to _Imports.razor:

@using TabBlazor

Reference styles and scripts in App.razor (or index.html for WebAssembly):

<link rel="stylesheet" href="https://unpkg.com/@tabler/core@1.4.0/dist/css/tabler.min.css" />
<link rel="stylesheet" href="_content/TabBlazor/css/tabblazor.min.css" />
<script src="_content/TabBlazor/js/tabblazor.js"></script>

Quick example

<Card>
    <CardHeader>
        <CardTitle>Hello, TabBlazor</CardTitle>
    </CardHeader>
    <CardBody>
        <Button BackgroundColor="TablerColor.Primary" OnClick="Save">Save</Button>
    </CardBody>
</Card>

See the demo site for hundreds of working examples with source.

Templates

Project templates for getting started fast: TabBlazor.Templates.

Contributing

Issues and pull requests welcome. To run the demo locally:

cd docs/Tabler.Docs.Wasm
dotnet run

Build and test the full solution:

dotnet build TabBlazor.slnx -c Release
dotnet test

Credits

Originally based on Tabler.Blazor by zarxor. UI framework: Tabler.