The navigation pane fits different layouts and can be placed on any side.
Built-in animations such as push, reveal, and slide-on-top enable smooth navigation.
The drawer can be pulled out from the screen edge with adjustable animation speed.

.NET 10 support now available

Trusted by the world’s leading companies

.NET MAUI maui navigationdrawer

Overview

The Navigation Drawer for .NET MAUI is used to create a navigation pane in an application. It consists of a content area and a sliding pane that slides out from the edge of the page. The pane can be opened by swiping the edges of the screen or programmatically.

Easily get started with the .NET MAUI Navigation Drawer using a few simple lines of XAML and C# code example as demonstrated below. Also, explore our .NET MAUI Navigation Drawer Example that shows you how to render and configure the .NET MAUI Navigation Drawer.

xaml
c#
<ContentPage  
    xmlns:navigationDrawer="clr-namespace:Syncfusion.Maui.NavigationDrawer;assembly=Syncfusion.Maui.NavigationDrawer">
    <navigationDrawer:SfNavigationDrawer x:Name="navigationDrawer">
        <navigationDrawer:SfNavigationDrawer.ContentView>
         <Grid/>
        </navigationDrawer:SfNavigationDrawer.ContentView>
    </navigationDrawer:SfNavigationDrawer>
</ContentPage>
using Syncfusion.Maui.NavigationDrawer;
    namespace NavigationDrawerGettingStarted
    {
        public partial class MainPage : ContentPage
        {
            public MainPage()
            {
                InitializeComponent();           
                SfNavigationDrawer navigationDrawer = new SfNavigationDrawer();
                Grid grid = new Grid();
                navigationDrawer.ContentView = grid;
                this.Content = navigationDrawer; 
            }
        }   
    }

Slide positions

The positioning feature allows for customization of the drawer’s location, including options for left, right, top, or bottom placement.

The .NET MAUI Navigation Drawer control is positioned at the left.

Left position

The Navigation Drawer is positioned on the left side of the screen.

Left documentation

The .NET MAUI Navigation Drawer control is positioned at the right.

Right position

The Navigation Drawer is positioned on the right side of the screen.

Right documentation

The .NET MAUI Navigation Drawer control is positioned at the top.

Top position

The Navigation Drawer is positioned at the top of the screen.

Top position documentation

The .NET MAUI Navigation Drawer control is positioned at the bottom.

Bottom position

The Navigation Drawer is positioned at the bottom of the screen.

Bottom position documentation

Transition

The animation of the drawer can be personalized using the transition feature.

.NET MAUI Navigation Drawer control with push transition.

Push

This transition pushes away the screens on opening the drawer instead of showing it on top of the underlying screen.

Push documentation

.NET MAUI Navigation Drawer control with reveal transition.

Reveal

In this transition, the main content reveals the drawer.

Reveal documentation

.NET MAUI Navigation Drawer control with slide on top transition.

Slide on top

In this transition, the drawer slides over the main content.

Slide on top documentation

Header view

The .NET MAUI Navigation Drawer features a header view option.

Header view documentation

.NET MAUI Navigation Drawer control with header view.

.NET MAUI Navigation Drawer control with footer view.

The .NET MAUI Navigation Drawer features a footer view option.

Footer view documentation

Our comprehensive competitor comparison of .NET MAUI controls will guide you to the perfect choice.

95+ UI controls

200+ interactive .NET MAUI demos

1.7M+ downloads

Explore Complete .NET MAUI Comparison

Not sure how to create your first .NET MAUI Navigation Drawer? Our tutorial videos and documentation can help.

I’d love to watch it now I’d love to read it now

Frequently Asked Questions

✅ Why should you choose the Syncfusion .NET MAUI Navigation Drawer?

The Syncfusion .NET MAUI Navigation Drawer supports the following features:

Fits a variety of layouts and can be placed on any side.
Includes built-in animations such as push, reveal, and slide-on-top, enabling smooth navigation.
Supports adjustable animation speed for pulling the drawer from the screen edge.
One of the best .NET MAUI Navigation Drawer in the market, offering feature-rich UI to interact with the software.
Simple configuration and APIs.
Mobile-touch friendly.
Extensive demos, documentation, and videos to get started quickly with the .NET MAUI Navigation Drawer.

✅ Where can I find the Syncfusion .NET MAUI Navigation Drawer demo?

You can find our .NET MAUI Navigation Drawer demo, which demonstrates how to render and configure the Navigation Drawer.

✅ Can I download and utilize the Syncfusion .NET MAUI Navigation Drawer for free?

No, this is a commercial product and requires a paid license. However, a free community license is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue, 5 or fewer developers, and 10 or fewer total employees.