
🎉
Get 30% Off Early Access!
Unlock exclusive early access to Framer Toys at a special discounted rate. Don’t miss out!
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
Simple dropdown setting options
Type
Type
Type
Description
Description
Description
Color
Color
Color
Customizable according to preference.
Customizable according to preference.
Customizable according to preference.
Font & Font size
Font & Font size
Font & Font size
Customizable according to preference.
Customizable according to preference.
Customizable according to preference.
Number of items
Number of items
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.
Optional when needed, with both stack and grid variants available in versions ranging from 4 to 8 items. Easily customizable for additional configurations.
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
Divider animation
Divider animation
Optional
Optional
Optional
Note: Grid variant is only visible on desktop and tablet
Icon dropdown
Icon dropdown setting options
Type
Type
Type
Description
Description
Description
Color
Color
Color
Customizable according to preference.
Customizable according to preference.
Customizable according to preference.
Font & Font size
Font & Font size
Font & Font size
Customizable according to preference.
Customizable according to preference.
Customizable according to preference.
Number of items
Number of items
Number of items
Customizable according to preference.
Customizable according to preference.
Customizable according to preference.
Icons
Icons
Icons
Customizable according to preference. Google Material icons used in the example.
Customizable according to preference. Google Material icons used in the example.
Customizable according to preference. Google Material icons used in the example.
Note: Grid variant is only visible on desktop and tablet
Share this component
Share this component
Share this component
©2025, Framer Toys by Design Freaks and @dannykouba
©2025, Framer Toys by Design Freaks and @dannykouba
©2025, Framer Toys by Design Freaks and @dannykouba
Search Docs...
Search Docs...