Syncfusion.Maui.RadialMenu

Syncfusion .NET MAUI Radial Menu (SfRadialMenu)

The Syncfusion .NET MAUI Radial Menu displays menu items in a circular layout around a center button. It accommodates more menu items in the given space than a traditional vertical or horizontal menu, with support for nested sub-menus, drag interaction, and rich styling. Build consistent circular navigation experiences for Android, iOS, macOS, and Windows from a single codebase.

Documentation · Getting Started · API Reference · Demos on GitHub · Product Page · Release Notes

Key features

Layout and navigation

• Circular, pie-sliced arrangement of menu items around a draggable, tappable center button.
• Default layout for automatic equal-space item arrangement, or Custom layout with segment-indexed positioning (SegmentIndex, VisibleSegmentsCount) for pie-slice control.
• Two-level navigation with nested sub-menus for drill-down scenarios, including a configurable "back" state (text, view, colors) on the center button.
• Rim rotation through touch gestures (EnableRotation) to bring items into view.

Items and content

• Items as plain text, font-icon text, images, combined image and text, or fully custom View content.
• Data binding support via ItemsSource, ItemTemplate, and DisplayMemberPath.
• Per-item Command/CommandParameter support for MVVM scenarios.
• Enable or disable individual items with IsEnabled.

Interaction

• Open and close the menu by tapping or dragging the center button, with IsOpen two-way binding for programmatic control.
• Dragging the center button to reposition the menu (IsDragEnabled), with DragBegin and DragEnd events.
• Configurable open and close animation with EnableCenterButtonAnimation and AnimationDuration.
• Full event lifecycle: Opening/Opened, Closing/Closed, Navigating/Navigated, ItemTapped, TouchDown/TouchUp, and CenterButtonBackTapped.

Look and feel

• Customize rim color, radius, selection color, and separator color/thickness.
• Style the center button's background, stroke, radius, size, and fonts for both the main and back states.
• Built-in light and dark theme support.
• "Liquid Glass" visual effect for the center button and items on iOS and macOS.

Supported platforms

Minimum OS versions follow the .NET MAUI supported platforms.

Installation

.NET CLI

dotnet add package Syncfusion.Maui.RadialMenu

Package Manager Console

Install-Package Syncfusion.Maui.RadialMenu

Getting started

1. Register the Syncfusion core handler

In MauiProgram.cs, call ConfigureSyncfusionCore():

using Syncfusion.Maui.Core.Hosting;

public static class MauiProgram
{
    public static MauiApp CreateMauiApp()
    {
        var builder = MauiApp.CreateBuilder();
        builder
            .UseMauiApp<App>()
            .ConfigureSyncfusionCore();

        return builder.Build();
    }
}

2. Add SfRadialMenu to your page

<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:syncfusion="clr-namespace:Syncfusion.Maui.RadialMenu;assembly=Syncfusion.Maui.RadialMenu"
             x:Class="YourAppNamespace.MainPage">

    <syncfusion:SfRadialMenu CenterButtonText="Menu">
        <syncfusion:SfRadialMenu.Items>
            <syncfusion:SfRadialMenuItem Text="Home" />
            <syncfusion:SfRadialMenuItem Text="Search" />
            <syncfusion:SfRadialMenuItem Text="Settings" />
            <syncfusion:SfRadialMenuItem Text="Profile" />
        </syncfusion:SfRadialMenu.Items>
    </syncfusion:SfRadialMenu>

</ContentPage>

Run the app and tap the center button. The menu items open in a circular layout around it.

Common scenarios

Add nested sub-menu items

<syncfusion:SfRadialMenuItem Text="Settings">
    <syncfusion:SfRadialMenuItem.Items>
        <syncfusion:SfRadialMenuItem Text="Display" />
        <syncfusion:SfRadialMenuItem Text="Sound" />
        <syncfusion:SfRadialMenuItem Text="Network" />
    </syncfusion:SfRadialMenuItem.Items>
</syncfusion:SfRadialMenuItem>

Handle open, close, and navigation events

radialMenu.Opened += (sender, e) => { /* menu opened */ };
radialMenu.ItemTapped += (sender, e) => { /* item selected */ };
radialMenu.Navigated += (sender, e) => { /* moved into a sub-menu */ };

For more features, see the Radial Menu documentation.

Dependencies

Installing this package also installs the following packages:

• Microsoft.Maui.Controls
• Syncfusion.Maui.Core

Licensing

This is a commercial product and requires a paid license. You have three options:

• Free Community License: for individual developers and small businesses. Check eligibility
• 30-day free trial: Start a trial
• Commercial license: View pricing

Register your license key

Register the key in MauiProgram.cs before the app is built:

Syncfusion.Licensing.SyncfusionLicenseProvider.RegisterLicense("YOUR_LICENSE_KEY");

For details, see Licensing overview. Use of this package is subject to the Syncfusion EULA.

Support and feedback

• Support tickets: Syncfusion Support Portal
• Community forums: .NET MAUI Forums
• Feature requests and bug reports: Feedback Portal
• Samples: Syncfusion .NET MAUI demos on GitHub

About Syncfusion

Founded in 2001 and headquartered in Research Triangle Park, N.C., Syncfusion has more than 26,000+ customers and more than 1 million users, including large financial institutions, Fortune 500 companies, and global IT consultancies.

Today, we provide 1600+ components and frameworks for web (Blazor, ASP.NET Core, ASP.NET MVC, ASP.NET WebForms, JavaScript, Angular, React, Vue, and Flutter), mobile (.NET MAUI, Xamarin, Flutter, UWP, and JavaScript), and desktop development (WinForms, WPF, WinUI, Flutter and UWP). We provide ready-to-deploy enterprise software for dashboards, reports, data integration, and big data processing. Many customers have saved millions in licensing fees by deploying our software.

[email protected] | www.syncfusion.com | Toll Free: 1-888-9 DOTNET