Docs

Templates

Pricing

Support

Search Docs...

Get Pro Access

Docs

Templates

Pricing

Support

Get Pro Access

Docs

Introduction

Components

Button

Text

New

Badge

Socialproof

Link

Hamburger

According

Dropdown

Toggle

Toast

Tab

Tooltip

Image

Input

Ticker

Carousel

Slideshow

Sections

Hero

soon

Contact

soon

Testimonial

soon

Bento

soon

FAQ

soon

CTA

soon

Team

soon

Pricing

soon

Footer

soon

Logo

soon

Gallery

soon

Templates

Botanical

Faded

Veru Studio

Portofino

New

🎉

Get 30% Off Early Access!

Unlock exclusive early access to Framer Toys at a special discounted rate. Don’t miss out!

Claim Your Discount

Docs

Components

Dropdown

Framer dropdown components

Simplify your website’s navigation with Framer Dropdown Components. These customizable, interactive elements allow you to display multiple options in a compact, user-friendly format. Perfect for menus, forms, or any selection-based features, Framer Dropdown Components enhance user experience with seamless functionality and clean design.

Simple dropdown

Stack

Grid

Link example 1

Link example 2

Link example 3

Link example 4

Stack

Link example 1

Link example 2

Link example 3

Link example 4

Stack

Grid

Link example 1

Link example 2

Link example 3

Link example 4

Simple dropdown setting options

Type

Description

Color

Customizable according to preference.

Font & Font size

Customizable according to preference.

Number of items

Optional when needed, with both stack and grid variants available in versions ranging from 4 to 8 items. Easily customizable for additional configurations.

Divider animation

Optional

Note: Grid variant is only visible on desktop and tablet

Icon dropdown

Stack

Grid

Link example 1

Short description

Link example 2

Short description

Link example 3

Short description

Link example 4

Short description

Stack

Link example 1

Short description

Link example 2

Short description

Link example 3

Short description

Link example 4

Short description

Stack

Grid

Link example 1

Short description

Link example 2

Short description

Link example 3

Short description

Link example 4

Short description

Icon dropdown setting options

Type

Description

Color

Customizable according to preference.

Font & Font size

Customizable according to preference.

Number of items

Customizable according to preference.

Icons

Customizable according to preference. Google Material icons used in the example.

Note: Grid variant is only visible on desktop and tablet

Last updated on February 12, 2025

According

Toggle

On this page

General

Simple dropdown

Icon dropdown

Contribute

Request a feature

Report an issue

Contribute

Request a feature

Report an issue

Contribute

Request a feature

Report an issue

Share this component

Framer UI Library

Components

Sections

Templates

General

Home

Pricing

Help Center

Support

FAQs

Legal

License Agreement

Terms & Conditions

Affiliate program

Framer UI Library

Components

Sections

Templates

General

Home

Pricing

Help Center

Support

FAQs

Legal

License Agreement

Terms & Conditions

Affiliate program

Framer UI Library

Components

Sections

Templates

General

Home

Pricing

Help Center

Support

FAQs

Legal

License Agreement

Terms & Conditions

Affiliate program

Search Docs...