Live Preview: https://dualview-component.framer.website/
DualView is a premium showcase component designed for brands that need to tell a story alongside their visuals. I originally engineered this for a high-end luxury project, building it to deliver a sophisticated, magazine-like reading experience on the web.
The component features a bold split-screen architecture. On the left, high-resolution imagery smoothly expands and transitions, while the right side anchors your synchronized typography, specifications, and thumbnail navigation. It comes pre-built with 6 customizable slides, making it the perfect presentation layer for tech products, automotive showcases, and creative portfolios.
Dynamic Split-Screen: A highly editorial layout that perfectly balances large-scale imagery with descriptive typography.
Expanding Image Interactions: Buttery-smooth motion design that expands your active image for maximum visual impact.
Thumbnail Navigation: Elegant, integrated thumbnail controls for quick and intuitive browsing.
Smart Responsiveness: Automatically transforms from a sleek horizontal split on desktop to a highly optimized, vertical stacking layout on tablet and mobile.
Content Ready: Includes 6 dedicated slide slots, perfect for deep-dive product tours or high-ticket portfolio pieces.
Zero-code setup directly in the Framer properties panel.
Easily swap images, text, and CTAs without touching the component master.
Fully customizable typography and color styles to match your brand's aesthetic.
Industrial Design & Tech Showcases
Automotive & Luxury Goods
Creative Agency Portfolios
Editorial Landing Pages
Sherif Alabi
