The Split Menu

Premium split menu for Framer!

Luma Split Menu is a premium full-screen navigation component for Framer, designed to turn a simple menu into a more immersive browsing experience. Instead of opening a basic dropdown, Luma reveals a cinematic split-screen layout with large numbered navigation links on one side and a live content preview on the other. As visitors move between menu items, the preview title, description, CTA, and optional image update smoothly, giving each section its own visual identity. The component works beautifully across desktop, tablet, and mobile. On larger screens, users get the full split-screen experience with animated preview content and section indicators. On smaller screens, the layout transforms into a clean full-screen mobile menu that keeps the navigation easy to use without losing the premium feel. Key features: Full-screen split navigation Live preview panel for each menu item Numbered navigation links Smooth hover and content transitions Optional preview images CTA inside each preview Social links and footer text Responsive desktop, tablet, and mobile layouts Clean mobile full-screen menu Keyboard Escape support Reduced-motion support Dedicated static-renderer fallback for Framer Fully editable in Framer: Brand name and brand link Menu labels and destinations Preview eyebrow text Preview titles and descriptions CTA text and CTA links Preview images Social labels and links Footer text Accent color Dark menu surface Preview background color Text and muted text colors Border color Navbar maximum width and height Corner radius Top offset Navigation padding Overlay padding Split-screen width ratio Animation speed Menu accessibility label Show or hide navbar links Show or hide CTA Luma Split Menu is ideal for portfolios, creative studios, agencies, product websites, architecture sites, fashion brands, and modern Framer projects that need navigation to feel like part of the design experience rather than just a utility.

Premium split menu for Framer!