Sysinfocus.AspNetCore.Components
0.0.1.5
See the version list below for details.
dotnet add package Sysinfocus.AspNetCore.Components --version 0.0.1.5
NuGet\Install-Package Sysinfocus.AspNetCore.Components -Version 0.0.1.5
<PackageReference Include="Sysinfocus.AspNetCore.Components" Version="0.0.1.5" />
<PackageVersion Include="Sysinfocus.AspNetCore.Components" Version="0.0.1.5" />
<PackageReference Include="Sysinfocus.AspNetCore.Components" />
paket add Sysinfocus.AspNetCore.Components --version 0.0.1.5
#r "nuget: Sysinfocus.AspNetCore.Components, 0.0.1.5"
#:package Sysinfocus.AspNetCore.Components@0.0.1.5
#addin nuget:?package=Sysinfocus.AspNetCore.Components&version=0.0.1.5
#tool nuget:?package=Sysinfocus.AspNetCore.Components&version=0.0.1.5
Sysinfocus simple/ui
a Razor component library for Blazor, inspired by the shadcn/ui components.
Setup Instructions
Download the NuGet package
Sysinfocus.AspNetCore.Componentsto your project.Add
@using Sysinfocus.AspNetCore.Componentsto your_import.razorfile.Add
builder.Services.AddSysinfocus("your-license-key");to yourProgram.csfile. If you don't have license key, leave it empty and it will be treated as Trial version.Add the following CSS to your project's appropriate file as this depends upon the type of project being used.
/// For .NET 8 <link rel="stylesheet" href="_content/Sysinfocus.AspNetCore.Components/styles.css" /> <link rel="stylesheet" href="_content/Sysinfocus.AspNetCore.Components/Sysinfocus.AspNetCore.Components.bundle.scp.css" /> /// For .NET 9 <link rel="stylesheet" href="@Assets["_content/Sysinfocus.AspNetCore.Components/styles.css"]" /> <link rel="stylesheet" href="@Assets["_content/Sysinfocus.AspNetCore.Components/Sysinfocus.AspNetCore.Components.bundle.scp.css"]" />Add the following initialization code to your
MainLayout.razoror any layout file which you host the components.@inherits LayoutComponentBase @inject Initialization init <div @onclick="init.HandleMainLayoutClickEvent"> // this is required for some components to close on click outside of its hosting component. @Body </div> @code { protected override async Task OnAfterRenderAsync(bool firstRender) { // This initializes the theme for the components. // Then you can use init.ToggleTheme() to toggle between light and dark modes. if (firstRender) await init.InitializeTheme(); } }For non-interactive Blazor SSR, you need to add the
lightordarkclass tobodytag manually as it can't initialize automatically.For more information, you can download the samples from this repo which has all these steps done and the projects are ready to explore.
To see the demo of each component, check out Demo GitHub Repo
Have issues?
Open an issue on this repo or email to issues@sysinfocus.com
| Product | Versions Compatible and additional computed target framework versions. |
|---|---|
| .NET | net8.0 is compatible. net8.0-android was computed. net8.0-browser was computed. net8.0-ios was computed. net8.0-maccatalyst was computed. net8.0-macos was computed. net8.0-tvos was computed. net8.0-windows was computed. net9.0 was computed. net9.0-android was computed. net9.0-browser was computed. net9.0-ios was computed. net9.0-maccatalyst was computed. net9.0-macos was computed. net9.0-tvos was computed. net9.0-windows was computed. net10.0 was computed. net10.0-android was computed. net10.0-browser was computed. net10.0-ios was computed. net10.0-maccatalyst was computed. net10.0-macos was computed. net10.0-tvos was computed. net10.0-windows was computed. |
-
net8.0
- Microsoft.AspNetCore.Components.Web (>= 8.0.8)
NuGet packages (1)
Showing the top 1 NuGet packages that depend on Sysinfocus.AspNetCore.Components:
| Package | Downloads |
|---|---|
|
Sysinfocus.AspNetCore.Components.AIChat
AI Chat component for Sysinfocus simple/ui |
GitHub repositories
This package is not used by any popular GitHub repositories.
| Version | Downloads | Last Updated | |
|---|---|---|---|
| 0.0.3.5 | 125 | 1/10/2026 | |
| 0.0.3.4 | 1,316 | 9/17/2025 | |
| 0.0.3.3 | 1,436 | 7/24/2025 | |
| 0.0.3.2 | 922 | 6/10/2025 | |
| 0.0.3.1 | 360 | 5/10/2025 | |
| 0.0.3 | 273 | 4/28/2025 | |
| 0.0.2.9 | 380 | 4/17/2025 | |
| 0.0.2.8 | 311 | 3/29/2025 | |
| 0.0.2.7 | 495 | 3/24/2025 | |
| 0.0.2.6 | 1,077 | 3/23/2025 | |
| 0.0.2.5 | 314 | 3/12/2025 | |
| 0.0.2.4 | 421 | 2/25/2025 | |
| 0.0.2.3 | 319 | 2/10/2025 | |
| 0.0.2.2 | 213 | 2/3/2025 | |
| 0.0.2.1 | 1,020 | 1/31/2025 | |
| 0.0.2 | 146 | 1/12/2025 | |
| 0.0.1.9 | 292 | 11/7/2024 | |
| 0.0.1.8 | 321 | 10/7/2024 | |
| 0.0.1.7 | 246 | 9/30/2024 | |
| 0.0.1.6 | 206 | 9/27/2024 | |
| 0.0.1.5 | 177 | 9/21/2024 | |
| 0.0.1.4 | 742 | 9/19/2024 | |
| 0.0.1.3 | 166 | 9/16/2024 | |
| 0.0.1.2 | 156 | 9/16/2024 | |
| 0.0.1.1 | 175 | 9/14/2024 | |
| 0.0.1 | 367 | 9/12/2024 |
Check the release notes @ https://github.com/Sysinfocus/simple-ui