---
title: "Frame Slideshow — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Nostromo Studio · Carousels. Frame Slideshow turns a list of photos into a full-bleed showcase — a background image fills the screen while a smaller framed…"
canonical: "https://framer.elliotli.dev/component/frame-slideshow"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/Frame Slideshow

# Frame Slideshow

Full-bleed Photo Slideshow

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

![Frame Slideshow preview image 1](https://framer.elliotli.dev/og/component/frame-slideshow/a48feb7fb834d1fa/1600x1200.jpg)

## Summary

Frame Slideshow turns a list of photos into a full-bleed showcase — a background image fills the screen while a smaller framed foreground photo and caption sit on top, crossfading…

## Description

**Frame Slideshow** turns a list of photos into a full-bleed showcase — a background image fills the screen while a smaller framed foreground photo and caption sit on top, crossfading cleanly from slide to slide.

Each slide has a background image, a framed foreground image, and an optional multi-line caption with its own link. Missing images show a clean placeholder, so new slides look intentional while you're still adding content.

## **Key Features**

### Content

Up to 20 slides in Manual mode, or CMS mode with 5 bindable fields for use as a Collection List item Background image + framed foreground image per slide Multi-line caption per slide Optional link per slide, scoped to the frame and caption only, with a New Tab option Preview stepper to view any slide while editing

### Frame & Effects

Adjustable frame width, height, radius, and shadow Background blur Clip-path wipe transition with adjustable duration

### Typography

Full font control for the caption (size, weight, spacing, alignment) Caption color, text shadow, vertical position, and animation offset

### Navigation

Autoplay with adjustable duration, or manual only Clickable thumbnail rail — position, size, ratio, radius, gap, border and active border, opacity and active opacity Keyboard arrow navigation Always loops back to the first slide

### **Usage Notes**

Frame Slideshow works with any fixed or auto layout size. Add slides, choose Manual or CMS mode, and adjust styling to match your design.

## **How to Set Up**

1.  Drag Frame Slideshow onto your canvas
    
2.  Add slides with background + foreground images and captions
    
3.  Adjust frame size, blur, caption styling, and timing
    
4.  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 · #8032

## Details

- **Author**: Nostromo Studio
- **Price**: $10.00
- **Published**: 2026-07-03
- **Updated**: 2026-07-10
- **Added**: 2026-07-03
- **Categories**: Carousels

## More like this

-   [3DCurvedImageMarquee](/component/3dcurvedimagemarquee) — Lera · $4 — Curved perspective double ticker
-   [Orbit Kit Carousel](/component/orbit-kit-carousel) — Khairul Fauzy Khairudin · $12 — 3D drag carousel with inertia
-   [Team Orbit](/component/team-orbit) — Ali Musa · Free — Interactive Team Showcase
-   [Glow Testimonial](/component/glow-testimonial) — Interface Studio · Free — Testimonials with a Little Glow