DevTKSS Uno Samples

License: MIT Documentation Uno.Sdk

Welcome to this Samples and Tutorials Library! ❤️

This is a collection of Sample Apps and Tutorials for the Uno Platform, created to fill the gap of missing German-localized learning content. Most tutorials are available in both German (primary) and English.

Quick Links: Get Started | Documentation | Video Tutorials (German) | Discussions


About This Repository

This repository aims to help developers, regardless of their prior knowledge, learn:

  • How to get started with the Uno Platform
  • How to use featured controls and patterns in real applications
  • Best practices for MVUX, Navigation, and other Uno.Extensions

Prerequisites

Before diving into the samples, make sure you have:

  • .NET 9.0 SDK or later
  • Visual Studio 2022 (17.8+) with Uno Platform extension, Rider, or VS Code
  • Uno.Check tool installed and verified (run uno-check)
Tip

For detailed setup instructions, see our Development Environment Setup Guide.


Sample Applications

Mvux Gallery Showcase Thumbnail

Want to see a quick showcase of what you can explore?

Mvux Gallery ShowCase

The Mvux Gallery demonstrates modern Uno Platform development patterns with a comprehensive example application.

View Detailed Mvux Gallery Overview

  • FeedView combined with GridView and ListView
  • DataTemplate centralized resource definitions
  • Card, Grid, NavigationView
  • ItemOverlayTemplate (replicated from WinUI 3 Gallery)
  • TabBar & TabBarItem

Demonstrated Uno.Extensions

  • MVUX - Model-View-Update-eXtended pattern
  • Navigation
  • Hosting - App Host Builder pattern
  • Dependency Injection - Constructor injection
  • Serialization - JSON data handling
  • Configuration - Data loaded from appsettings.json
  • Storage - Local data persistence
  • Localization - Multi-language support

Known Issues

  • ThemeResource styles are not listening to theme changes (Issue #13)
  • DocFX fails to resolve source code links for included code snippets

Xaml Navigation App

Image of final Xaml Navigation App

A complete tutorial application demonstrating navigation patterns with MVUX and XAML.

Tutorial Content

Available Resources:


Documentation & Tutorials

You can access all tutorials and guides in both English and German. Use the table below to quickly jump to the documentation in your preferred language:

Section English German
Getting Started Guide (EN) Anleitung (DE)
Mvux Gallery Overview Overview (EN) Übersicht (DE)
Navigation Tutorials Navigation (EN) Navigation (DE)
All Docs Index Docs Home (EN) Docs Home (DE)

Most content is available in both German (original) and English (translated).


Feedback, Issues and Contributing

We welcome your feedback and contributions!


Helpful Resources