Meine .NET MAUI Controls Library – jetzt auf NuGet verfügbar!

Ich freue mich, euch meine neue Control Library für .NET MAUI vorzustellen! 🎉

Sie ist ab sofort als NuGet-Paket verfügbar und bietet bereits erste praktische UI-Elemente, die in jeder MAUI-App verwendet werden können. Und das Beste: Die Bibliothek wächst stetig weiter – neue Controls sind schon in Planung!

Warum eine eigene Control Library?

Bei der Arbeit an verschiedenen .NET MAUI-Projekten habe ich oft festgestellt, dass es an wiederverwendbaren, sauberen und einfach zu integrierenden UI-Controls fehlt – insbesondere solchen, die sich nahtlos in moderne Designs und App-Architekturen einfügen. Genau hier setzt meine Library an.

Mein Ziel ist es, euch eine Sammlung von leichtgewichtigen, gut dokumentierten und sofort einsetzbaren Controls bereitzustellen, die sich flexibel anpassen lassen und dabei auf bewährte Patterns wie MVVM setzen.

Aktuell enthaltene Controls

Die aktuelle Version enthält folgende Komponenten:

• 🔗 HyperlinkLabel
  Zeigt ein einfaches Label an, das beim Antippen eine Webseite im Browser öffnet – ideal für Impressum, Datenschutzerklärung oder externe Links.
• 🧑 InitialsControl
  Ein rundes Badge mit den Initialen einer Person – perfekt für Avatare, Chat-Apps oder Benutzerlisten.
• ⭐ RatingControl
  Bewertungs-Komponente mit Sternen – einfach einbindbar, zum Beispiel für Produktbewertungen oder Feedback-Formulare.
• 🏷️ StaticChipControl
  Ein visuelles Chip-Element, das Text kompakt darstellt – ideal für Tags, Statusanzeigen oder Labels.

So einfach geht’s

Die Installation erfolgt bequem per NuGet

dotnet add package tsjdevapps.MauiControlsLib

dotnet add package tsjdevapps.MauiControlsLib

Anschließend muss UseMauiControlsLib() im MauiProgram aufgerufen werden.

MauiAppBuilder builder = MauiApp.CreateBuilder();
builder
    .UseMauiApp<App>()
    .UseMauiControlsLib() // <- Wichtig!
    .ConfigureFonts(fonts =>
    {
        fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
        fonts.AddFont("OpenSans-Semibold.ttf", "OpenSansSemibold");
    });

return builder.Build();

MauiAppBuilder builder = MauiApp.CreateBuilder();
builder
    .UseMauiApp<App>()
    .UseMauiControlsLib() // <- Wichtig!
    .ConfigureFonts(fonts =>
    {
        fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
        fonts.AddFont("OpenSans-Semibold.ttf", "OpenSansSemibold");
    });

return builder.Build();

Im XAML muss der XML-Namespace dann eingebunden werden.

xmlns:controls="http://www.tsjdev-apps.de/controls/maui"

xmlns:controls="http://www.tsjdev-apps.de/controls/maui"

Anschließend können die Controls direkt verwendet werden.

<controls:HyperlinkLabel Text="Zur Webseite" Url="https://tsjdev-apps.de" />
<controls:InitialsControl Name="Sebastian Jensen" />
<controls:RatingControl CurrentValue="4" Amount="5" />
<controls:StaticChipControl Text="My Chip" />

<controls:HyperlinkLabel Text="Zur Webseite" Url="https://tsjdev-apps.de" />
<controls:InitialsControl Name="Sebastian Jensen" />
<controls:RatingControl CurrentValue="4" Amount="5" />
<controls:StaticChipControl Text="My Chip" />

Ich freue mich über Feedback, Anregungen oder Pull Requests – die Library ist Open Source und unter GitHub einsehbar.