LumaReel

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

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. Itturns 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