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

Build NuGet NuGet Downloads

Live demo

Dashboard

• 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.

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>

<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.

Project templates for getting started fast: TabBlazor.Templates.

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

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