---
title: "AutoVideoGallery — Free Framer component · Best of Framer"
description: "Free Framer component · by piyush vichare · Galleries. AutoVideoGallery is a modern and cinematic video showcase component built for Framer."
canonical: "https://framer.elliotli.dev/component/autovideogallery"
---

[Home](/)/[Components](/components)/[Galleries](/components/category/galleries)/AutoVideoGallery

# AutoVideoGallery

Smooth auto-switching video gallery for

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

![AutoVideoGallery preview image 1](https://framer.elliotli.dev/og/component/autovideogallery/cde0bce02c15b685/1600x1200.jpg)

## Summary

AutoVideoGallery is a modern and cinematic video showcase component built for Framer.

## Description

AutoVideoGallery

AutoVideoGallery is a modern and cinematic video showcase component built for Framer. It automatically switches between videos with smooth transitions while providing interactive thumbnail navigation for a premium browsing experience.

The component is fully responsive and optimized for performance, making it ideal for portfolios, hotels, travel websites, real estate projects, product showcases, creative agencies, and modern landing pages.

## Features

-   Auto-switching video gallery
    
-   Smooth animated transitions
    
-   Interactive thumbnail navigation
    
-   Responsive thumbnail layout
    
-   Active thumbnail preview playback
    
-   Pause videos when offscreen
    
-   Custom video naming support
    
-   Easy customization inside Framer
    

## How to Use

1.  Drag the component into your Framer project.
    
2.  Open the component properties panel.
    
3.  Add videos inside the “Videos” section.
    
4.  Upload MP4 video files.
    
5.  Rename each video if needed.
    
6.  Customize:
    
    -   Thumbnail Width
        
    -   Thumbnail Height
        
    -   Radius
        
    -   Gap
        
    -   Pause Offscreen
        
7.  Publish your website.
    

## Best Use Cases

-   Portfolio websites
    
-   Hotel showcases
    
-   Real estate presentations
    
-   Product launches
    
-   Agency websites
    
-   Travel experiences
    
-   Cinematic landing pages
    

## Notes

-   Supports MP4 videos
    
-   Optimized for desktop and mobile
    
-   Only active thumbnail videos play for better performance
    
-   Videos automatically pause when offscreen to reduce resource usage
    

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

-   All · #3200

## Details

- **Author**: piyush vichare
- **Published**: 2026-06-05
- **Updated**: 2026-06-05
- **Added**: 2026-05-29
- **Categories**: Galleries

## More like this

-   [Geometry CMS Gallery](/component/geometry-cms-gallery) — Akshay M · $20 — Scroll-Animated Portfolio Gallery
-   [Fluid InfiniteScroll](/component/fluid-infinitescroll) — Atemo Art · $16 — LIQUID / PRISM Gallery
-   [Isometric Gallery](/component/isometric-gallery) — Edi Priatama · $5 — 3D image gallery
-   [HoverExpand Gallery](/component/hoverexpand-gallery) — piyush vichare · $2 — HoverExpand Gallery is a modern Framer component for creating interactive image galleries with smooth hover expansion.