Video Bento Box

A resizable 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.

A resizable video bento box