---
title: "Ambient Slideshow — Framer component · Best of Framer"
description: "$16.00 · Framer component · by Nostromo Studio · Carousels. View more examples Ambient Slideshow is a customizable image slideshow designed to keep the focus on photography and visual storytelling."
canonical: "https://framer.elliotli.dev/component/ambient-slideshow"
---

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

# Ambient Slideshow

Slides with Thumbs & Progress Bar

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

![Ambient Slideshow preview image 1](https://framer.elliotli.dev/og/component/ambient-slideshow/7879100c9cca1a90/1600x1200.jpg)

## Summary

View more examples Ambient Slideshow is a customizable image slideshow designed to keep the focus on photography and visual storytelling.

## Description

[**View more examples**](https://ambient-slideshow.framer.website/examples)

Ambient Slideshow is a customizable image slideshow designed to keep the focus on photography and visual storytelling. It adapts to any layout, size, or aspect ratio.

Combining fade transitions, **integrated thumbnails, progress indicators, captions**, and optional scale animations.

All interface elements can be styled and positioned independently, and properties can be adjusted across Framer breakpoints to create different experiences for desktop, tablet, and mobile.

The component also supports Framer CMS, allowing images and captions to be connected directly from CMS collections (up to 10 images).

## Key Features

### Content & CMS

-   Manual slides or CMS Mode (up to 10 images)
    
-   Supports image uploads and image URLs
    
-   Individual captions for each slide
    

### Playback & Animation

-   Autoplay when entering the viewport
    
-   Duration and fade transition controls
    
-   Optional Scale To or Scale From animation
    
-   Adjustable zoom intensity
    

### Thumbnails

-   Show or hide thumbnails
    
-   Alignment, inset, size, ratio, gap, and radius controls
    
-   Border and active border customization
    
-   Optional thumbnail strip with fill, blur, radius, padding, and border
    

### Progress Bar

-   Single or Per-Slide mode
    
-   Alignment and inset controls
    
-   Custom progress and track colors
    
-   Adjustable width, height, and radius
    

### Play / Pause Button

-   Show or hide controls
    
-   Default or custom icons
    
-   Corner mode or Follow Cursor mode
    
-   Full styling controls (size, fill, blur, border, opacity, etc.)
    

### Captions & Vignette

-   Show or hide captions
    
-   Top or bottom positioning
    
-   Full typography customization
    
-   Optional text shadow
    
-   Vignette modes: Top, Bottom, or Around
    
-   Adjustable color and intensity
    

## How to Set Up

1.  Drag Ambient Slideshow onto your canvas
    
2.  Add images manually or enable CMS Mode
    
3.  Configure autoplay and animations
    
4.  Customize thumbnails, captions, and progress indicators
    
5.  Publish
    

## Refund Policy

All sales of digital products are final and non-refundable.

Questions? Contact hellonostromostudio@gmail.com before purchasing.

Enjoy!

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

-   All · #9565

## Details

- **Author**: Nostromo Studio
- **Price**: $16.00
- **Published**: 2026-06-17
- **Updated**: 2026-06-17
- **Added**: 2026-06-17
- **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