---
title: "Video Bento Box — Free Framer component · Best of Framer"
description: "Free Framer component · by Francisc Toth · Galleries. A resizable video bento box"
canonical: "https://framer.elliotli.dev/component/video-bento-box"
---

[Home](/)/[Components](/components)/[Galleries](/components/category/galleries)/Video Bento Box

# Video Bento Box

A resizable video bento box

[View on Framer](https://framer.com/marketplace/components/video-bento-box/?via=elliot-li)

![Video Bento Box preview image 1](https://framer.elliotli.dev/og/component/video-bento-box/cfc469e90e1c40f5/1600x1200.jpg)

## Summary

A resizable video bento box

## Description

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.

## Rank history [How rankings work →](/terms#rankings)

-   All · #5965

## Details

- **Author**: Francisc Toth
- **Published**: 2026-07-14
- **Updated**: 2026-09-14
- **Added**: 2026-07-14
- **Categories**: Galleries

## More like this

-   [Infinite Pan Canvas](/component/infinite-pan-canvas) — Aisol Studio · $15 — Endless image wall you can drag
-   [CMS Photo Pile](/component/cms-photo-pile) — Marso Angelov · $10 — Draggable Photo Gallery
-   [CMS Infinity Grid](/component/cms-infinity-grid) — 55N · Free — Boundless exploration.
-   [Endless CMS Reel](/component/endless-cms-reel) — Marso Angelov · $10 — Horizontal Momentum Gallery