Blazority is a Blazor component library based on Clarity UI. We aim to provide components that are easy to use, built as purely as possibly using Blazor, with little to no JavaScript. This libary is compatiable with both Blazor Server and Web Assembly modes.
$ dotnet add package Blazority

Blazority is a Blazor component library based on Clarity UI. Our aim is to provide components that are easy to use, and built as purely as possibly using Blazor, with little to no JavaScript (less than 1KB). This libary is compatiable with both Blazor Server and Web Assembly modes.
Visit http://blazority.com/ for most up-to-date demos and usage docs.
Visit the issue list in our public support repo: https://github.com/blazority/support/issues
Install Blazority using Nuget or Package Manager Console:
Install-Package Blazority
Add the using block for Blazority in your _Imports.razor file:
@using Blazority
Make the below mentioned changes in your Index file of your application (_Host.cshtml for Blazor Server, or index.html for Blazor Wasm projects).
Add the following stylesheets in the head section:
<link rel="stylesheet" href="_content/Blazority/lib/clr/ui/clr-ui.min.css" />
<link rel="stylesheet" href="_content/Blazority/lib/clr/icons/clr-icons.min.css" />
<link rel="stylesheet" href="_content/Blazority/blazority.min.css" />
Set choice of light or dark theme by setting cds-theme attribute on body element
<body cds-theme="light"></body>
or
<body cds-theme="dark"></body>
Add the following scripts as contents of the body element at bottom:
<script src="_content/Blazority/lib/webcomponents/custom-elements/custom-elements.min.js"></script>
<script src="_content/Blazority/lib/clr/icons/clr-icons.min.js"></script>
<script src="_content/Blazority/blazority.min.js"></script>