---
title: "LumaReel — Framer component · Best of Framer"
description: "$15.00 · Framer component · by Hamim Reza · Sections. Multi-video hero player with thumbnails"
canonical: "https://framer.elliotli.dev/component/lumareel"
---

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/LumaReel

# LumaReel

Multi-video hero player with thumbnails

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

![LumaReel preview image 1](https://framer.elliotli.dev/og/component/lumareel/23eada38cefcfa17/1600x1200.jpg)

## Summary

Multi-video hero player with thumbnails

## Description

A cinematic multi-video hero player with smooth transitions, thumbnail navigation, and a progress bar. Play up to 6 videos sequentially or loop infinitely. Built for creative agencies, product designers, and storytellers who need a hero section that moves like film.

## Features

-   Up to 6 videos via file upload or external URL
    
-   Smooth fade and slide transitions between videos
    
-   Clickable thumbnail navigation to jump between videos instantly
    
-   Progress bar showing playback duration or time remaining
    
-   Autoplay mode or manual switching control
    
-   Play and pause controls toggle
    
-   Optional overlay title or caption text
    
-   Fully customizable layout — padding, radius, spacing, height
    
-   Thumbnail width and height controls
    
-   Progress bar and thumbnail color controls
    
-   Responsive — mobile, tablet and desktop
    
-   MP4 and WebM format support
    

## Property Controls

**Videos** — up to 6 files via upload or URL · MP4 and WebM

**Controls** — autoplay toggle · play/pause toggle · progress bar toggle

**Overlay** — optional title or caption text

**Styling** — container radius, video height, padding, spacing

**Colors** — progress bar color, bar background, thumbnail color

**Thumbnails** — thumbnail width and height

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-vcwdtr1x-LuVImvHhQBIrhObG8PKEt0NAjtrVBD)

## Use Cases

Hero sections · Product showcase pages · AI visual storytelling · Portfolio sites · Agency landing pages · Brand presentations · Cinematic intros · Creative campaigns

**SEO Keywords**

framer video player · framer multi video · framer hero video · framer video carousel · framer video component · framer cinematic hero · framer video slider · framer video gallery · framer autoplay video · framer video section · framer product video · framer video hero section · framer landing page video · framer code component · framer video showcase

**Experience**

Effortless motion meets creative control. **It**turns your hero section into a visual narrative — one that flows between moments like film scenes.Every transition, hover, and frame feels intentional and cinematic, giving your website that “wow” moment from the very first second

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

-   All · #5058

## Details

- **Author**: Hamim Reza
- **Price**: $15.00
- **Published**: 2025-11-06
- **Updated**: 2026-04-16
- **Added**: 2025-10-26
- **Categories**: Sections

## More like this

-   [Project Index](/component/project-index) — Bernardo Lickfold · Free — Editorial index: hover & scroll
-   [Face Parade](/component/face-parade) — RAjan · Free — Animated team profiles
-   [Staircase Cover Flow](/component/staircase-cover-flow) — Karim Saif · $7 — editorial-inspired image gallery
-   [In Their Words](/component/in-their-words) — Majed Monem · $9 — A wall of customer quotes