---
title: "Multi Level Menu — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Russet Supply · Navigation. Responsive Sliding Navigation"
canonical: "https://framer.elliotli.dev/component/multi-level-menu"
---

[Home](/)/[Components](/components)/[Navigation](/components/category/navigation)/Multi Level Menu

# Multi Level Menu

Responsive Sliding Navigation

[View on Framer](https://framer.com/marketplace/components/multi-level-menu/?via=elliot-li)

![Multi Level Menu preview image 1](https://framer.elliotli.dev/og/component/multi-level-menu/6bb44f8fd0e89518/1600x1200.jpg)

## Summary

Responsive Sliding Navigation

## Description

[Live Preview](https://multilevelmenu.framer.website/)

[Grab more componnets for free](https://www.framer.com/@design-by-saqlain/)

Multi-Level Drawer Menu is a clean, animated navigation system built for websites with multiple categories and subpages. Open the menu to reveal your main navigation, then hover or click a category to smoothly reveal its related sublinks in a second panel. On mobile, the menu switches to a simple stacked navigation with a back button.

### Features

-   Multi-level navigation with primary and secondary panels
    
-   Desktop hover interactions
    
-   Mobile click-based navigation
    
-   Smooth panel and link animations
    
-   Up to 8 main categories
    
-   Up to 6 sublinks per category
    
-   Custom links with new-tab support
    
-   Responsive mobile layout
    
-   Optional footer links
    
-   Static-render optimized
    

### Fully Customizable

Everything can be adjusted directly from Framer’s property panel, so you can match the menu to your website without editing the code.

### Customize

-   Main categories and sublinks
    
-   URLs and new-tab behavior
    
-   Menu and close labels
    
-   Panel background and radius
    
-   Panel width, spacing and padding
    
-   Text and hover colors
    
-   Primary and secondary typography
    
-   Footer links and typography
    
-   Animation duration and easing
    

### How It Works

Click the menu button to open the main drawer. On desktop, hovering over a category with sublinks reveals the secondary panel. Switching between categories smoothly replaces the displayed sublinks. On mobile, categories can be opened with a tap and the secondary panel includes a back button for navigation.

## Rank history [How rankings work →](/terms#rankings)

-   All · #2566

## Details

- **Author**: Russet Supply
- **Price**: $5.00
- **Published**: 2026-09-10
- **Updated**: 2026-11-04
- **Added**: 2026-09-10
- **Categories**: Navigation

## More like this

-   [Reveal Navigations](/component/reveal-navigations) — Design Supply · Free — A calmer way to open your menu
-   [Collapsible Sidebar](/component/collapsible-sidebar) — Marso Angelov · $10 — Responsive Side Navigation
-   [Dial Picker](/component/dial-picker) — Tanmay Kaper · $14 — A machined dial for your projects
-   [Expanding Side Menu](/component/expanding-side-menu) — Russet Supply · $5 — Animated Framer Navigation