# Yuandl.ThemeUI **Repository Path**: bufansoft/Yuandl.ThemeUI ## Basic Information - **Project Name**: Yuandl.ThemeUI - **Description**: Yuandl.ThemeUI是一款面向WinUi3的现代化UI组件库,提供了丰富的ui组件,拥有最直观、丰富,简洁的主题设计️,让您在开发WPF中毫不费力 - **Primary Language**: C# - **License**: MIT - **Default Branch**: master - **Homepage**: http://yuandl.cn - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 4 - **Created**: 2025-11-25 - **Last Updated**: 2025-11-25 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README ![https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/build/logo.png](https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/build/logo.png) [英文](https://github.com/lixiaoliyubo/Yuandl.ThemeUI/blob/master/README-en.md) | [中文](https://github.com/lixiaoliyubo/Yuandl.ThemeUI/blob/master/README.md) ![dotnet-version](https://img.shields.io/badge/.net%20framework-%E2%89%A54.0-blue) ![Visual Studio 2019](https://img.shields.io/badge/Visual%20Studio%20-2019-blueviolet) ![Visual Studio 2022](https://img.shields.io/badge/Visual%20Studio-2022-blueviolet) [![Github](https://img.shields.io/badge/%20-github-%2324292e)](https://github.com/lixiaoliyubo/Yuandl.ThemeUI) ![ThemeUI](https://img.shields.io/nuget/v/Yuandl.ThemeUI.svg?color=%23409EF) [![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](https://github.com/lixiaoliyubo/Yuandl.ThemeUI/blob/master/LICENSE) ![ThemeUI](https://img.shields.io/nuget/dt/Yuandl.ThemeUI?label=nuget) [![Github stars](https://img.shields.io/github/stars/lixiaoliyubo/Yuandl.ThemeUI)](https://github.com/lixiaoliyubo/Yuandl.ThemeUI/stargazers) ## Welcome to Yuandl.ThemeUI # __Please use the preview Nuget package for the latest__ ### [Github](https://github.com/lixiaoliyubo/Yuandl.ThemeUI) https://github.com/lixiaoliyubo/Yuandl.ThemeUI ### [码云](https://gitee.com/lixiaoliyubo/Yuandl.ThemeUI) https://gitee.com/lixiaoliyubo/Yuandl.ThemeUI ### Visual Studio 2022 ### 📁 What's included? | **Name** | **Framework** | description | | ------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | | **Yuandl.ThemeUI** | ![[Yuandl.ThemeUI/src/Yuandl.ThemeUI.Demo/Yuandl.ThemeUI.Demo.csproj at master · lixiaoliyubo/Yuandl.ThemeUI](https://github.com/lixiaoliyubo/Yuandl.ThemeUI/blob/master/src/Yuandl.ThemeUI.Demo/Yuandl.ThemeUI.Demo.csproj)](https://img.shields.io/badge/.NET-8.0--windows-CornflowerBlue) ![[Yuandl.ThemeUI/src/Yuandl.ThemeUI.Demo/Yuandl.ThemeUI.Demo.csproj at master · lixiaoliyubo/Yuandl.ThemeUI](https://github.com/lixiaoliyubo/Yuandl.ThemeUI/blob/master/src/Yuandl.ThemeUI.Demo/Yuandl.ThemeUI.Demo.csproj)](https://img.shields.io/badge/.NET-7.0--windows-CornflowerBlue) ![[Yuandl.ThemeUI/src/Yuandl.ThemeUI.Demo/Yuandl.ThemeUI.Demo.csproj at master · lixiaoliyubo/Yuandl.ThemeUI](https://github.com/lixiaoliyubo/Yuandl.ThemeUI/blob/master/src/Yuandl.ThemeUI.Demo/Yuandl.ThemeUI.Demo.csproj)](https://img.shields.io/badge/.NET-6.0--windows-CornflowerBlue)
![[Yuandl.ThemeUI/src/Yuandl.ThemeUI.Demo/Yuandl.ThemeUI.Demo.csproj at master · lixiaoliyubo/Yuandl.ThemeUI](https://github.com/lixiaoliyubo/Yuandl.ThemeUI/blob/master/src/Yuandl.ThemeUI.Demo/Yuandl.ThemeUI.Demo.csproj)](https://img.shields.io/badge/.NET%20Framework-4.8-orange)![[Yuandl.ThemeUI/src/Yuandl.ThemeUI.Demo/Yuandl.ThemeUI.Demo.csproj at master · lixiaoliyubo/Yuandl.ThemeUI](https://github.com/lixiaoliyubo/Yuandl.ThemeUI/blob/master/src/Yuandl.ThemeUI.Demo/Yuandl.ThemeUI.Demo.csproj)](https://img.shields.io/badge/.NET%20Framework-4.7-orange) ![[Yuandl.ThemeUI/src/Yuandl.ThemeUI.Demo/Yuandl.ThemeUI.Demo.csproj at master · lixiaoliyubo/Yuandl.ThemeUI](https://github.com/lixiaoliyubo/Yuandl.ThemeUI/blob/master/src/Yuandl.ThemeUI.Demo/Yuandl.ThemeUI.Demo.csproj)](https://img.shields.io/badge/.NET%20Framework-4.6.2-orange) | Library that allows you to use all features in your own application | **ConsoleApp1** | ![[Yuandl.ThemeUI/src/Yuandl.ThemeUI.Demo/Yuandl.ThemeUI.Demo.csproj at master · lixiaoliyubo/Yuandl.ThemeUI](https://github.com/lixiaoliyubo/Yuandl.ThemeUI/blob/master/src/Yuandl.ThemeUI.Demo/Yuandl.ThemeUI.Demo.csproj)](https://img.shields.io/badge/.NET-8.0--windows-CornflowerBlue) | test | | **Yuandl.ThemeUI.Demo** | ![[Yuandl.ThemeUI/src/Yuandl.ThemeUI.Demo/Yuandl.ThemeUI.Demo.csproj at master · lixiaoliyubo/Yuandl.ThemeUI](https://github.com/lixiaoliyubo/Yuandl.ThemeUI/blob/master/src/Yuandl.ThemeUI.Demo/Yuandl.ThemeUI.Demo.csproj)](https://img.shields.io/badge/.NET-8.0--windows-CornflowerBlue) | Simple .NET 8 app with navigation. | | **Yuandl.ThemeUI.Sample** | ![[Yuandl.ThemeUI/src/Yuandl.ThemeUI.Demo/Yuandl.ThemeUI.Demo.csproj at master · lixiaoliyubo/Yuandl.ThemeUI](https://github.com/lixiaoliyubo/Yuandl.ThemeUI/blob/master/src/Yuandl.ThemeUI.Demo/Yuandl.ThemeUI.Demo.csproj)](https://img.shields.io/badge/.NET-8.0--windows-CornflowerBlue) | Application with all controls. | ### 🤝Donate If you think our open source software is helpful to you, please scan the QR code below and give us a cup of coffee. | Alipay | WeChat pay | |----|-----| | ![alipay](https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/build/alipay.png) | ![wxpay](https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/build/wxpay.png) | ## 🚀 Getting Started Yuandl.ThemeUI is delivered via **NuGet** package manager. You can find the packages here: https://www.nuget.org/packages/Yuandl.ThemeUI/ Use these command in the Package Manager console to install Yuandl.ThemeUI manually: ``` Install-Package Yuandl.ThemeUI ``` ### Firstly, your application needs to load custom styles, Add nodes to App.xaml; ``` XML xmlns:ui="http://schemas.yuandl.cn/xamltheme/2024/xaml" ``` ``` XML ``` ### Add nodes to MainWindow.cs; ``` XML public partial class MainWindow { public MainWindow() { InitializeComponent(); ApplicationThemeManager.Apply(this); } } ``` ### Add nodes to MainWindow.xaml ; ``` XML ``` ### Partial sample display ---------- ### all controls 📷 Screenshots ![https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/docs/images/home.gif](https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/docs/images/home.gif) ---------- ### Dialog ![https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/docs/images/Dialog.gif](https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/docs/images/Dialog.gif) ---------- ### DataGrid ![https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/docs/images/DataGrid.gif](https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/docs/images/DataGrid.gif) ---------- ### Button ![https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/docs/images/Button.gif](https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/docs/images/Button.gif) ---------- ### ListBox ![https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/docs/images/ListBox.gif](https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/docs/images/ListBox.gif) ---------- ### Notification ![https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/docs/images/Notification.gif](https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/docs/images/Notification.gif) ---------- ### NumberBox ![https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/docs/images/NumberBox.gif](https://github.com/lixiaoliyubo/Yuandl.ThemeUI/blobvvv/master/docs/images/NumberBox.gif) ---------- ### PinBox ![https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/docs/images/PinBox.gif](https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/docs/images/PinBox.gif) ---------- ### SidebarMenu ![https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/docs/images/SidebarMenu.gif](https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/docs/images/SidebarMenu.gif) ---------- ### ToggleButton ![https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/docs/images/ToggleButton.gif](https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/docs/images/ToggleButton.gif) ---------- ### UniformGrid ![https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/docs/images/UniformGrid.gif](https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/docs/images/UniformGrid.gif) ---------- ### Progress ![https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/docs/images/Progress.gif](https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/docs/images/Progress.gif) ---------- ### InfoBar ![https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/docs/images/InfoBar.gif](https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/docs/images/InfoBar.gif) ---------- ### Mask ![https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/docs/images/Mask.gif](https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/docs/images/Mask.gif) ---------- ### Slider ![https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/docs/images/Slider.gif](https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/docs/images/Slider.gif) ---------- ### DropDownButton ![https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/docs/images/DropDownButton.gif](https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/docs/images/DropDownButton.gif) ---------- ### chart ![https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/docs/images/chart.gif](https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/docs/images/chart.gif) ---------- ## Microsoft Property Design of the interface, choice of colors and the appearance of the controls were inspired by projects made by Microsoft for Windows 11. The Yuandl.ThemeUI.Sample app includes icons from _Microsoft WinUI 3 Gallery_ app. They are used here as an example of creating tools for Microsoft systems. ## Segoe Fluent Icons **Yuandl.ThemeUI** uses Fluent System Icons. Although this font was also created by Microsoft, it does not contain all the icons for Windows 11. If you need the missing icons, add Segoe Fluent Icons to your application. According to the EULA of Segoe Fluent Icons we cannot ship a copy of it with this dll. Segoe Fluent Icons is installed by default on Windows 11, but if you want these icons in an application for Windows 10 and below, you must manually add the font to your application's resources. [https://docs.microsoft.com/en-us/windows/apps/design/style/segoe-fluent-icons-font](https://docs.microsoft.com/en-us/windows/apps/design/style/segoe-fluent-icons-font) [https://docs.microsoft.com/en-us/windows/apps/design/downloads/#fonts](https://docs.microsoft.com/en-us/windows/apps/design/downloads/#fonts) In the app dictionaries, you can add an alternate path to the font ```XML pack://application:,,,/;component/Fonts/#Segoe Fluent Icons ``` ## License **Yuandl.ThemeUI** is free and open source software licensed under **MIT License**. You can use it in private and commercial projects. Keep in mind that you must include a c