Falling Pill Menu

Navigation, with a little more gravity.

A playful interactive menu built around falling pill navigation. Open the menu and each link drops into the panel with real-time physics, colliding and settling naturally before becoming draggable and throwable.

Every pill can be styled individually, while the menu trigger, social links, divider and panel remain fully customizable inside Framer.

✨ What’s inside

• Gravity-based falling menu pills

• Drag, throw and collision interactions

• Individually customizable pills

• Per-pill fill, text, font, radius, border and hover styles

• Animated Menu / Hamburger trigger

• Smooth hamburger-to-close interaction

• Text, icon or text + icon trigger modes

• Social links with text, icon or text + icon options

• Left, center and right social alignment

• Adjustable social columns and spacing

• Optional customizable divider

• Editable panel background, border and radius

• Custom gravity, bounce, friction and air resistance

• Smooth open and close transitions

• Reduced-motion support

• Responsive Framer-ready structure

Made For

Creative portfolios, design studios, agencies, personal websites, experimental landing pages and interactive Framer projects.

Easy to Customize

Edit every navigation pill independently, change its color and typography, adjust the physics, switch the menu trigger style, customize the social area and fine-tune the entire interaction directly from Framer.

Keywords

gravity menu, falling menu, pill menu, animated menu, interactive navigation, draggable menu, physics menu, portfolio menu, creative navigation, hamburger menu, Framer component, floating pills, experimental menu, interactive menu, motion navigation