byrone/CleanUI
byrone/CleanUI
Watch
1
0
Fork
You've already forked CleanUI
 0
Code Issues Pull requests Projects Releases 9 Packages Wiki Activity Actions
A modern, clean and elegant UI library for Blazor/Razor.
49 commits 1 branch 12 tags 604 KiB
  • C# 51.7%
  • HTML 23.4%
  • SCSS 20%
  • TypeScript 2.6%
  • JavaScript 1.2%
  • Other 1.1%
Find a file
Exact
Repository files (latest commit first)
Filename Latest commit message Latest commit date
Byrone 5f881f6e52
All checks were successful
Publish package / publish (push) Successful in 1m39s
Details
Refactor CI.
2026-09-14 14:15:51 +02:00
.forgejo/workflows Refactor CI. 2026-09-14 14:15:51 +02:00
.idea/.idea.CleanUI/.idea Add missing utility classes for color body, add missing .js file documentation to README.md. 2026-07-09 20:18:42 +02:00
CleanUI Integrate pagination into CleanTable, make CleanPagination extend QuickGrid.Paginator to improve compatibility and support all render modes, remove deprecated CleanPagination examples, update *.ts files for typescript@7 compatability, and add IJsRuntime.SafeInvoke* extension methods. 2026-09-09 21:05:01 +02:00
CleanUI.Docs Integrate pagination into CleanTable, make CleanPagination extend QuickGrid.Paginator to improve compatibility and support all render modes, remove deprecated CleanPagination examples, update *.ts files for typescript@7 compatability, and add IJsRuntime.SafeInvoke* extension methods. 2026-09-09 21:05:01 +02: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 Integrate pagination into CleanTable, make CleanPagination extend QuickGrid.Paginator to improve compatibility and support all render modes, remove deprecated CleanPagination examples, update *.ts files for typescript@7 compatability, and add IJsRuntime.SafeInvoke* extension methods. 2026-09-09 21:05:01 +02: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 Rename CleanPropertyColumn to CleanColumn, and fix weird sentence in README.md. 2026-08-14 11:53:30 +02:00

README.md

CleanUI icon

CleanUI

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

Usage

  1. Add the CleanUI package:
dotnet add package CleanUI

or

<ItemGroup>
	<PackageVersion Include="CleanUI" Version="0.1.0"/>
</ItemGroup>
  1. Add the following lines to your App.razor (order is important!):
<!-- CSS variables (required) (can be overwritten) -->
<link rel="stylesheet" href="@(Assets["_content/CleanUI/theme.css"])"/>
<!-- Reset styling (html, body, etc.) (optional but recommended) -->
<link rel="stylesheet" href="@(Assets["_content/CleanUI/base.css"])"/>
<!-- Styles for all components (required if you don't want to style the components yourself) -->
<link rel="stylesheet" href="@(Assets["_content/CleanUI/components.css"])"/>
<!-- Utility classes like `d-flex` (optional) -->
<link rel="stylesheet" href="@(Assets["_content/CleanUI/utilities.css"])"/>
  1. Import the .js file(s) for the interactive components you want to use:
<script src="@(Assets["_content/CleanUI/modal.js"])"></script>
<script src="@(Assets["_content/CleanUI/toast.js"])"></script>
<script src="@(Assets["_content/CleanUI/tooltip.js"])"></script>
  1. Use the components:
<CleanUI.CleanButton>
	Click me!
</CleanUI.CleanButton>

or

@using CleanUI

<CleanButton>
	Click me!
</CleanButton>