Soenneker.Quark.Suite

Shadcn-inspired Blazor components for modern .NET apps.

Soenneker.Quark.Suite is the main Quark package: a Razor class library with a large set of UI components, lower-level primitives, and Tailwind-oriented styling utilities.

Installation

dotnet add package Soenneker.Quark.Suite

Basic Setup

Register the suite through the main DI entry point:

using Soenneker.Quark;

builder.Services.AddQuarkSuiteAsScoped();

Then start using components in Razor:

<Button>Save changes</Button>

<Input Placeholder="Search..." />

<Dialog @bind-Visible="_showDialog">
    <DialogHeader>
        <DialogTitle>Edit profile</DialogTitle>
        <DialogCloseButton />
    </DialogHeader>
    <DialogBody>
        <Input Placeholder="Display name" />
    </DialogBody>
</Dialog>

What You Get

• dialogs, sheets, popovers, tooltips, alert dialogs
• buttons, cards, badges, menus, breadcrumbs, navigation, sidebar
• fields, inputs, selects, comboboxes, date pickers, validation
• tables, pagination, resizable layouts, charts, code editor
• sonner, skeletons, progress, steps, and other UI primitives

Theming

The suite includes browser theme interop for light/dark mode. For most apps, AddQuarkSuiteAsScoped() is the only required registration. If you need custom build-time theme generation, author a Theme and use Soenneker.Quark.Gen.Themes to emit the generated CSS artifacts.