M
Marai.UI
v1.0.0-alpha.7
Now available for .NET 10

Build Modern Web Applications
with Blazor

Marai.UI is a free, open-source component library for building fast, consistent, and customizable applications powered by Tailwind CSS

Why Marai.UI?

Everything you need to build production-ready Blazor applications.

Blazor-native

Built from the ground up for Blazor. No JavaScript wrappers, no hacks — pure Razor components that feel natural.

Lightweight

Minimal dependencies and tree-shakeable design. Only ship what you use — keeping your app fast.

Customizable

Every component is built with CSS custom properties. Adapt colors, spacing, and shapes to match your brand.

Accessible

ARIA attributes, keyboard navigation, and focus management built in — so your users never get left behind.

Quick start

Get up and running in minutes.

  1. 1
    Install the package

    Add Marai.UI to your Blazor project via the .NET CLI.

    bash
    dotnet add package Marai.UI
  2. 2
    Register services

    Add Marai.UI to your dependency injection container in Program.cs.

    csharp
    builder.Services.AddMaraiUI();
  3. 3
    Add global imports

    Add the namespace to _Imports.razor so components are available everywhere.

    razor
    @using Marai.UI
  4. 4
    Use a component

    Drop any Marai.UI component into your page and you're good to go.

    razor
    <MButton Class="px-4 py-2 rounded bg-blue-600 text-white hover:bg-blue-700">Click me</MButton>
Read the full guide

Ready to build?

Explore all available components and start shipping today.

Browse components View on GitHub