LumexUI 0.1.3
See the version list below for details.
dotnet add package LumexUI --version 0.1.3
NuGet\Install-Package LumexUI -Version 0.1.3
<PackageReference Include="LumexUI" Version="0.1.3" />
paket add LumexUI --version 0.1.3
#r "nuget: LumexUI, 0.1.3"
// Install LumexUI as a Cake Addin #addin nuget:?package=LumexUI&version=0.1.3 // Install LumexUI as a Cake Tool #tool nuget:?package=LumexUI&version=0.1.3
<p align="center"> <picture> <source media="(prefers-color-scheme: dark)" srcset=".github/logo_light.svg"> <source media="(prefers-color-scheme: light)" srcset=".github/logo_dark.svg"> <img alt="LumexUI" src=".github/logo_dark.svg" width="350" height="70" style="max-width: 100%;"> </picture> </p>
<p align="center"> A flexible and scalable library of Blazor components designed to streamline the web development experience. </p>
Description
LumexUI is a comprehensive library of components designed for building highly customizable user interfaces. It offers developers a convenient and intuitive way to style the components using modern CSS custom properties, and extend their functionality.
⭐ If you find LumexUI promising, please consider giving a star on GitHub! Your support helps continue to innovate and deliver exciting features
Philosophy
At LumexUI, we prioritize the developer experience. That's why our library is crafted with developers in mind, offering clean and intuitive APIs that streamline application development. Spend less time wrestling with complex code and more time bringing your ideas to life, thanks to LumexUI's developer-friendly approach.
Quickstart
Install LumexUI
Open your terminal or package manager and enter the following command.
dotnet add package LumexUI
Alternatively, you can search for <strong>LumexUI</strong> in the NuGet Package Manager and install it from there.
Configure your startup file
Inject the vital LumexUI services in your Startup.cs
to enable seamless integration.
using LumexUI.Extensions;
// ...
builder.Services.AddLumexService();
Include required CSS and JS
Add the mandatory files into the <head>
and the <body>
respectively to ensure correct functionality.
<head>
// ...
<link href="_content/LumexUI/LumexUI.min.css" rel="stylesheet" />
</head>
<body>
// ...
<script src="_content/LumexUI/LumexUI.min.js"></script>
</body>
Import library's namespace
Import the LumexUI namespace in your _Imports.razor
file to easily access components throughout your app.
@using LumexUI
Add the theme provider
Integrate the LumexThemeProvider
component into your MainLayout.razor
file to enable theming.
<LumexThemeProvider />
Start using LumexUI in your app
Add the simple LumexButton
component in your code.
<LumexButton Size="@Size.Medium"
Color="@ThemeColor.Primary"
Variant="@ButtonVariant.Smooth"
OnClick="@HandleClick">
Click Me
</LumexButton>
@code {
private void HandleClick()
{
// Your click event handler code here
}
}
Contributing
TODO
Roadmap
TODO
License
LumexUI is licensed under the terms of the MIT licensed.
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. |
-
net8.0
- Microsoft.AspNetCore.Components.Web (>= 8.0.6)
- TailwindMerge.NET (>= 0.3.0)
NuGet packages
This package is not used by any NuGet packages.
GitHub repositories
This package is not used by any popular GitHub repositories.
Version | Downloads | Last updated |
---|---|---|
1.0.0 | 90 | 12/28/2024 |
1.0.0-preview.4 | 89 | 11/22/2024 |
1.0.0-preview.3 | 93 | 11/4/2024 |
1.0.0-preview.2 | 47 | 11/3/2024 |
1.0.0-preview.1 | 50 | 10/31/2024 |
0.1.9 | 120 | 10/6/2024 |
0.1.8 | 127 | 10/5/2024 |
0.1.7 | 104 | 10/5/2024 |
0.1.6 | 96 | 10/4/2024 |
0.1.5 | 94 | 10/4/2024 |
0.1.4 | 132 | 10/3/2024 |
0.1.3 | 95 | 10/3/2024 |
0.1.2 | 82 | 10/3/2024 |
0.1.1 | 117 | 10/2/2024 |
0.1.0 | 99 | 10/2/2024 |