DualView - Premium Split-Screen Showcase

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.

Key Features:

• 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.

Easy to Customize:

• 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.

Ideal for:

• Industrial Design & Tech Showcases

• Automotive & Luxury Goods

• Creative Agency Portfolios

• Editorial Landing Pages