You are viewing help content for pre-release software. This document and the features it describes are subject to change.

Free DevExpress Controls for .NET Multi-platform App UI (.NET MAUI)

  • 4 minutes to read

The .NET Multi-platform App UI (.NET MAUI) allows you to use a .NET cross-platform UI toolkit and C# to build mobile and desktop native apps. See the following topics on docs.microsoft.com for more information on the platform and installation: .NET Multi-platform App UI Documentation and .NET MAUI Installation.

How to Get DevExpress Controls for .NET MAUI

DevExpress Controls for mobile development (iOS and Android) are available free-of-charge and distributed through the following NuGet package source:

https://nuget.devexpress.com/free/api

In Visual Studio 2022, follow the steps below to register this package source:

  • Navigate to Debug > Options.

    Visual Studio - Options

  • In the Options window, go to NuGet Package Manager > Package Sources. Register the package source.

    Visual Studio - Package Sources

Note

If you are an active DevExpress Universal customer, DevExpress Controls for .NET MAUI are available in your personal NuGet feed.

How to Create a .NET MAUI Application with DevExpress Controls

In Visual Studio 2022 Preview, create a new .NET MAUI project. If the wizard does not propose a template for .NET MAUI projects, you can call the following command in a CLI to create a new .NET MAUI project:

dotnet new maui

How to Install NuGet Packages

Do the following to install NuGet packages in a .NET MAUI application:

  • In the Solution Explorer window, right-click Dependencies and select Manage NuGet Packages.

    Visual Studio - Package Sources

  • In the NuGet Package Manager window, select the created DevExpress package source, check the Include prerelease option, activate the Browse tab, find the required package, and click Install.

    Visual Studio - Install Package

What’s Included

The table below lists the included packages, components, and supported platforms.

Package

Component

Android

iOS

DevExpress.Maui.DataGrid

DataGridView

DevExpress.Maui.Editors

TextEdit

MultilineEdit

PasswordEdit

ComboBoxEdit

AutoCompleteEdit

NumericEdit

DateEdit

TimeEdit

CheckEdit

SimpleButton

DXPopup

DataFormView

DevExpress.Maui.CollectionView

DXCollectionView

DevExpress.Maui.Charts

ChartView

PieChartView

DevExpress.Maui.Navigation

DrawerView

DrawerPage

TabView

TabPage

Data Grid

The DataGridView is a control that displays data in a tabular format and allows users to sort, filter, and group data.

Data Grid

View Example: DevExpress Data Grid for .NET MAUI

Data Editors

The following controls allow users to enter and edit data in your .NET MAUI application:

TextEdit
A single-line text editor.
TextEdit
MultilineEdit
A multi-line text editor.
MultilineEdit
PasswordEdit
An editor that allows users to enter and manage passwords.
ComboBoxEdit
A combo box editor.
ComboBoxEdit
AutoCompleteEdit
A text editor that suggests values as a user enters characters into the edit box.
AutoCompleteEdit
NumericEdit
An editor that displays a numeric value and allows a user to edit the value (enter a number in the edit box or use spin buttons to decrease/increase the value).
NumericEdit
DateEdit
An editor that allows users to select dates in a platform-specific date picker.
DateEdit
TimeEdit
An editor that allows users to specify a time. Supports the 12- and 24-hour formats.
TimeEdit
CheckEdit
A checkbox that supports the indeterminate state.
CheckEdit
SimpleButton
A simple button.
SimpleButton

View Example: DevExpress Editors for .NET MAUI

Collection View

The DXCollectionView component uses a template to display a collection of data items in a horizontal or vertical list.

Collection View

View Example: DevExpress Collection View for .NET MAUI

Navigation views and pages allow you to implement lateral navigation in your .NET MAUI applications.

Tab View and Tab Page

Use the DevExpress TabView and TabPage to organize content into groups and enable tab navigation between these groups.

.NET MAUI Tabs

View Example: DevExpress Tab View for .NET MAUI
View Example: DevExpress Tab Page for .NET MAUI

Drawer View and Drawer Page

The DevExpress DrawerView and DrawerPage allow you to add a drawer to your application – a UI pane that displays the application’s main navigation menu. The drawer can be always visible, or opened and closed when a user taps a navigation menu icon or swipes from the edge of the screen.

.NET MAUI Drawers

View Example: DevExpress Drawer View for .NET MAUI
View Example: DevExpress Drawer Page for .NET MAUI

Charts

The PieChartView and ChartView allow you to display your data as bars, points, lines, areas, and other forms. The views support various Pie and Cartesian series types that specify how your data is displayed on a chart.

Pie Chart

View Example: DevExpress Pie Chart for .NET MAUI

Scatter Chart

View Example: DevExpress Scatter Chart for .NET MAUI

Blog

Follow the Xamarin & .NET MAUI Team blog for the latest updates on how we port the existing suite of Xamarin.Forms UI controls to the .NET MAUI platform.