---
title: "Spotlight Gallery FX — Framer component · Best of Framer"
description: "$16.00 · Framer component · by Axis Supply · Carousels. Spotlight Gallery FX is an immersive video showcase for Framer that places a featured video inside a sleek phone-style frame,…"
canonical: "https://framer.elliotli.dev/component/spotlight-gallery-fx"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/Spotlight Gallery FX

# Spotlight Gallery FX

Cinematic Iphone with Gallery

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

![Spotlight Gallery FX preview image 1](https://framer.elliotli.dev/og/component/spotlight-gallery-fx/685f3db67d9c0977/1600x1200.jpg)

## Summary

Spotlight Gallery FX is an immersive video showcase for Framer that places a featured video inside a sleek phone-style frame, surrounded by continuously moving image rows.

## Description

**Spotlight Gallery FX** is an immersive video showcase for Framer that places a featured video inside a sleek phone-style frame, surrounded by continuously moving image rows. Create a cinematic experience with smooth transitions, autoplay, navigation, and ambient motion.

## ✦ Featured Video

-   **Phone Showcase** — Display videos inside a polished phone-style frame.
    
-   **Multiple Videos** — Add multiple videos and switch between them.
    
-   **Autoplay** — Automatically play videos when visible.
    
-   **Transitions** — Choose Crossfade or Vertical Slide.
    
-   **Navigation** — Add previous/next arrows and a video counter.
    
-   **Play Button** — Let visitors control playback.
    

## ✦ Ambient Gallery

-   **Infinite Image Rows** — Create continuously moving background galleries.
    
-   **Up to 4 Rows** — Build layered ambient layouts.
    
-   **Independent Controls** — Set direction and speed for each row.
    
-   **Blur & Opacity** — Create depth and visual atmosphere.
    
-   **Edge Fade & Center Haze** — Keep focus on the featured video.
    

## ✦ Fully Customizable

-   **Videos** — Upload MP4, WebM, or MOV files.
    
-   **Gallery Images** — Add images for background rows.
    
-   **Phone Scale** — Adjust featured phone size.
    
-   **Rows** — Control the number of gallery rows.
    
-   **Speed** — Adjust overall movement speed.
    
-   **Card Height** — Set background image height.
    
-   **Card Gap** — Control spacing between cards.
    
-   **Card Radius** — Customize corner radius.
    
-   **Row Direction** — Move rows left or right.
    
-   **Row Speed** — Fine-tune each row independently.
    
-   **Autoplay** — Enable or disable automatic playback.
    
-   **Muted** — Control video audio.
    
-   **Loop** — Enable continuous video playback.
    
-   **Transition** — Choose Crossfade or Vertical Slide.
    
-   **Transition Duration** — Adjust animation timing.
    
-   **Play Button** — Show or hide playback controls.
    
-   **Navigation** — Show or hide arrows.
    
-   **Counter** — Display the current video number.
    
-   **Background Blur** — Adjust image blur.
    
-   **Background Opacity** — Control gallery visibility.
    
-   **Edge Fade** — Soften gallery edges.
    
-   **Center Haze** — Add a subtle spotlight effect.
    
-   **Background & Text** — Customize colors.
    

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

-   All · #1515

## Details

- **Author**: Axis Supply
- **Price**: $16.00
- **Published**: 2026-08-16
- **Updated**: 2026-09-16
- **Added**: 2026-08-16
- **Categories**: Carousels

## More like this

-   [Screen Stage Mockup](/component/screen-stage-mockup) — Aisol Studio · $14 — Your screens in synced devices
-   [Team Reel](/component/team-reel) — Ali Musa · Free — Interactive Team Showcase
-   [Slider](/component/slider) — MAS · Free — A smooth, customizable slider.
-   [Cascade Card Slider](/component/cascade-card-slider) — Tim Yeng · Free — Cards that cascade into view