Video Bento Box

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.