Transform static layouts into interactive experiences. Let your visitors drag, explore, and discover your content.
Overview
A drag-to-resize panel component that turns passive viewers into active explorers. Create 2 or 3 panel layouts where visitors control the split — perfect for comparisons, portfolios, and feature showcases that demand attention.
Features
Drag-to-resize panels with smooth, responsive interactions
2 or 3 panel configurations
Horizontal and vertical layout directions
Nested panel support for complex layouts
Image, video, and component support per panel
Text overlays with optional mask/knockout effect
Customizable gap, border radius, and colors
Auto-hide panels when dragged to edge
Video autoplay, loop, and mute controls
Works on desktop (mouse interactions)
Use Cases
Before/after comparisons
Portfolio and case study showcases
Feature and product comparisons
Interactive dashboards
Pricing tier breakdowns
Image galleries with captions
Video presentations
Customization
All settings available directly in Framer's UI — no code required. Adjust panel sizes, colors, content types, text positioning, and more from the properties panel.
