AutoVideoGallery

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