A modern, clean and elegant UI library for Blazor/Razor.

C# 50.9%
HTML 24.1%
SCSS 20.1%
TypeScript 2.6%
JavaScript 1.2%
Other 1.1%

Find a file

Byrone 30782fcc24 Moved repo		2026-03-31 11:54:43 +02:00
.forgejo/workflows	Fixing workflow	2026-03-30 21:11:50 +02:00
.idea/.idea.CleanUI/.idea	Package publishing	2026-03-22 19:47:57 +01:00
CleanUI	Moved repo	2026-03-31 11:54:43 +02:00
CleanUI.Docs	Package publishing	2026-03-22 19:47:57 +01:00
CleanUI.SourceGenerator.Icons	Package publishing	2026-03-22 19:47:57 +01:00
.gitignore	Multiple changes	2026-03-08 21:19:12 +01:00
CleanUI.slnx	Fixing workflow	2026-03-30 21:11:50 +02:00
Directory.Build.props	Package publishing	2026-03-22 19:47:57 +01:00
icon.png	Package publishing	2026-03-22 19:47:57 +01:00
icon.svg	Package publishing	2026-03-22 19:47:57 +01:00
LICENSE.md	Added project license	2026-03-22 19:54:33 +01:00
README.md	Moved repo	2026-03-31 11:54:43 +02:00

README.md

CleanUI

A modern, clean and elegant UI library for Blazor/Razor.

Usage

Add the CleanUI package:

dotnet add package CleanUI

<ItemGroup>
	<PackageVersion Include="CleanUI" Version="0.1.0"/>
</ItemGroup>

Add the following lines to your App.razor:

<!-- CSS variables (required) (can be overwritten) -->
<link rel="stylesheet" href="@(Assets["_content/CleanUI/theme.css"])"/>
<!-- Base styling for components (required) -->
<link rel="stylesheet" href="@(Assets["_content/CleanUI/base.css"])"/>
<!-- Reset styling (html, body, etc.) (optional) -->
<link rel="stylesheet" href="@(Assets["_content/CleanUI/reset.css"])"/>
<!-- Utility classes (things like spacing, font size, etc.) (optional) -->
<link rel="stylesheet" href="@(Assets["_content/CleanUI/utilities.css"])"/>

Use the components:

<CleanUI.CleanButton>
	Click me!
</CleanUI.CleanButton>

@using CleanUI

<CleanButton>
	Click me!
</CleanButton>