CSharpBooster.UIKit 1.0.0

CSharpBooster.UIKit

A modern WPF UI toolkit that helps you build beautiful desktop applications faster.

CSharpBooster.UIKit provides a collection of reusable controls, theming support, SVG rendering, dialogs, design resources, and utility components designed for modern .NET desktop applications.

Included Components

• Badge
• Dialogs
• Custom Windows
• Drawer Item Navigation
• Warning Messages
• Snackbar Notifications
• AsyncImage
• Carousel
• SVG Image Rendering
• Text Fields
• Buttons
• Pagination Navigation
• Toggle Controls
• Cards
• Skeleton Loader (Shimmer Effect)

Additional Features

• Light and Dark theme support
• Runtime theme switching
• Typography system
• Responsive sizing resources
• Modern design tokens
• MVVM-friendly architecture
• Built-in collection of SVG assets from the SVG repository for rapid UI development

Whether you're building internal tools, business applications, dashboards, or consumer desktop apps, CSharpBooster.UIKit provides a modern foundation to accelerate WPF development while maintaining a consistent and polished user experience.

Features

• Modern WPF controls
• Light and Dark theme support
• Runtime theme switching
• SVG image rendering
• Dialog components
• Typography system
• Responsive sizing resources
• Reusable styles and design tokens
• MVVM friendly

Installation

Install the package from NuGet:

dotnet add package CSharpBooster.UIKit

or using the Package Manager:

Install-Package CSharpBooster.UIKit

Setup

Add the default theme resources to App.xaml:

<Application.Resources>
    <ResourceDictionary>
        <ResourceDictionary.MergedDictionaries>

            <ResourceDictionary
                Source="/CSharpBooster.UIKit;component/Theme/Theme.Default.xaml" />

        </ResourceDictionary.MergedDictionaries>
    </ResourceDictionary>
</Application.Resources>

Custom Themes

You can provide your own light and dark themes while still using all UIKit controls.

App.xaml

<Application.Resources>
    <ResourceDictionary>
        <ResourceDictionary.MergedDictionaries>

            <ResourceDictionary
                Source="/CSharpBooster.UIKit;component/Theme/Theme.Default.xaml" />

            <ResourceDictionary
                Source="/Theme/Playground.Theme.Light.xaml" />

        </ResourceDictionary.MergedDictionaries>
    </ResourceDictionary>
</Application.Resources>

Register Themes

protected override void OnStartup(StartupEventArgs e)
{
    base.OnStartup(e);

    ThemeSwitcher.RegisterThemes(
        "pack://application:,,,/MyApplication;component/Theme/Playground.Theme.Light.xaml",
        "pack://application:,,,/MyApplication;component/Theme/Playground.Theme.Dark.xaml");
}

Switch Theme

ThemeSwitcher.ApplyDarkTheme();

ThemeSwitcher.ApplyLightTheme();

Example Theme Resources

<SolidColorBrush
    x:Key="Primary"
    Color="#7C3AED" />

<SolidColorBrush
    x:Key="Background"
    Color="#FAF7FF" />

<SolidColorBrush
    x:Key="Surface"
    Color="#FFFFFF" />

<SolidColorBrush
    x:Key="Foreground"
    Color="#1F1635" />

Theme Utilities

Retrieve colors and brushes directly from the active theme:

var primaryBrush =
    ThemeSwitcher.GetBrushFromTheme("Primary");

var primaryColor =
    ThemeSwitcher.GetColorFromTheme("Primary");

var backgroundColor =
    ThemeSwitcher.GetThemeBackgroundColor();

var surfaceColor =
    ThemeSwitcher.GetThemeSurfaceColor();

Target Framework

• .NET 8 WPF

License

MIT License

Copyright (c) Badr Qaba

GitHub

Contributions, bug reports, and feature requests are welcome.