Getting Started with the .NET Multi-platform App UI (.NET MAUI) Community Toolkit

This package is a collection of Animations, Behaviors, Converters, and Custom Views for development with .NET MAUI. It simplifies and demonstrates common developer tasks building iOS, Android, macOS and Windows apps with .NET MAUI.

Package name: CommunityToolkit.Maui

Package url: https://www.nuget.org/packages/CommunityToolkit.Maui

Initializing the package

First the using statement needs to be added to the top of your MauiProgram.cs file

using CommunityToolkit.Maui;

In order to use the toolkit correctly the UseMauiCommunityToolkit method must be called on the MauiAppBuilder class when bootstrapping an application the MauiProgram.cs file. The following example shows how to perform this.

var builder = MauiApp.CreateBuilder();
builder
    .UseMauiApp<App>()
    .UseMauiCommunityToolkit()

To use the features of the toolkit please refer to the documentation pages for each specific feature.

This package is a set of fluent helper methods and classes to simplify building declarative .NET MAUI user interfaces in C#.

Package name: CommunityToolkit.Maui.Markup

Package url: https://www.nuget.org/packages/CommunityToolkit.Maui.Markup

Initializing the package

First the using statement needs to be added to the top of your MauiProgram.cs file

using CommunityToolkit.Maui.Markup;

In order to use the toolkit correctly the UseMauiCommunityToolkitMarkup method must be called on the MauiAppBuilder class when bootstrapping an application the MauiProgram.cs file. The following example shows how to perform this.

var builder = MauiApp.CreateBuilder();
builder
    .UseMauiApp<App>()
    .UseMauiCommunityToolkitMarkup()

To use the features of the toolkit please refer to the documentation pages for each specific feature.

This package enables you to display a map in your .NET MAUI Windows application.

Package name: CommunityToolkit.Maui.Maps

Package url: https://www.nuget.org/packages/CommunityToolkit.Maui.Maps

Initializing the package

First the using statement needs to be added to the top of your MauiProgram.cs file

using CommunityToolkit.Maui.Maps;

In order to use the Map correctly the .UseMauiCommunityToolkitMaps method must be called on the MauiAppBuilder class when bootstrapping an application the MauiProgram.cs file. This method expects a valid Bing Maps API key which you can obtain through the Bing Maps Portal.

The following example shows how to perform this.

var builder = MauiApp.CreateBuilder();
builder
    .UseMauiApp<App>()
    .UseMauiCommunityToolkitMaps("YOUR_API_KEY")

When using the .NET MAUI Community Toolkit Map for Windows and the regular .NET MAUI Maps together, you will need to make sure that each initialization call is only made for the relevant platform. The following example shows how to do this.

var builder = MauiApp.CreateBuilder();
builder
    .UseMauiApp<App>()
#if ANDROID || IOS
    .UseMauiMaps()
#elif WINDOWS
    .UseMauiCommunityToolkitMaps("YOUR_API_KEY")
#endif

For more information on how to initialize the map on iOS and Android, as well as how to work with the map control API, see the .NET MAUI Maps documentation.

This package enables you to play audio and video in your .NET MAUI application.

Package name: CommunityToolkit.Maui.MediaElement

Package url: https://www.nuget.org/packages/CommunityToolkit.Maui.MediaElement

Initializing the package

First the using statement needs to be added to the top of your MauiProgram.cs file

using CommunityToolkit.Maui;

In order to use the MediaElement correctly the UseMauiCommunityToolkitMediaElement method must be called on the MauiAppBuilder class when bootstrapping an application the MauiProgram.cs file. The following example shows how to perform this.

var builder = MauiApp.CreateBuilder();
builder
    .UseMauiApp<App>()
    .UseMauiCommunityToolkitMediaElement()

To use the features of the toolkit please refer to the documentation pages for each specific feature.

This package enables you to connect to a camera, display a preview from the camera and take photos.

Package name: CommunityToolkit.Maui.Camera

Package url: https://www.nuget.org/packages/CommunityToolkit.Maui.Camera

Initializing the package

First the using statement needs to be added to the top of your MauiProgram.cs file

using CommunityToolkit.Maui;

In order to use the CameraView correctly, the UseMauiCommunityToolkitCamera method must be called on the MauiAppBuilder class when bootstrapping an application the MauiProgram.cs file. The following example shows how to perform this.

var builder = MauiApp.CreateBuilder();
builder
    .UseMauiApp<App>()
    .UseMauiCommunityToolkitCamera()

To use the features of the toolkit please refer to the documentation pages for each specific feature.