---
title: "Spotlight Collage — Framer component · Best of Framer"
description: "$8.00 · Framer component · by Nostromo Studio · Galleries. Spotlight Collage arranges your images and videos into a loose, overlapping collage."
canonical: "https://framer.elliotli.dev/component/spotlight-collage"
---

[Home](/)/[Components](/components)/[Galleries](/components/category/galleries)/Spotlight Collage

# Spotlight Collage

Spotlight any Media on Hover

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

![Spotlight Collage preview image 1](https://framer.elliotli.dev/og/component/spotlight-collage/09bc2b9d7b78baaa/1600x1200.jpg)

## Summary

Spotlight Collage arranges your images and videos into a loose, overlapping collage.

## Description

**Spotlight Collage** arranges your images and videos into a loose, overlapping collage. Hover any media and it stays put while the rest slide aside, shrink back and softly blur, so the one you are looking at stands alone. Move away and it eases back. On touch, a tap does the same.

Place every piece yourself: exact position, size and rotation per media, images and videos mixed freely, each from an upload or a URL. Then tune how far the others move, how much they scale and blur, the styling, and the spring behind every motion.

## Key Features

### Interaction

-   Hover or tap a media to spotlight it; the rest clear a path around it
    
-   Separate horizontal and vertical spread, plus scale-down and blur for the unfocused media
    
-   Optional lift, shadow and slight zoom on the hovered one
    
-   Tap outside to release on touch; links open on the second tap
    

### Media

-   Image or video per item, from an upload or a URL
    
-   Manual X, Y, width, height and rotation for every piece
    
-   Videos autoplay muted, loop, pause off-screen and show their first frame while loading
    
-   Per-media link with an optional new tab
    

### Reveal

-   Media animate in the first time the collage scrolls into view
    
-   Auto: pieces fly out from the centre and assemble the collage
    
-   Custom: set the starting opacity, scale and vertical offset
    
-   Adjustable duration and per-item stagger
    

### Layout and Style

-   Auto Fit scales the collage to fit narrower breakpoints and fill containers, no per-breakpoint tuning
    
-   Manual zoom; visible or clipped overflow
    
-   Background, shadow, border and radius for every media
    

## How to Set Up

1.  Drop Spotlight Collage onto the canvas
    
2.  Add your images and videos under Media, then place each with X, Y, width and height
    
3.  Publish
    

## **Refund Policy**

All sales of digital products are final and non-refundable. Questions? Contact [hellonostromostudio@gmail.com](mailto:hellonostromostudio@gmail.com) before purchasing. Enjoy!

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

-   All · #6411

## Details

- **Author**: Nostromo Studio
- **Price**: $8.00
- **Published**: 2026-09-07
- **Updated**: 2026-09-13
- **Added**: 2026-09-07
- **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.