---
title: "WanderFrame — Framer component · Best of Framer"
description: "$1.00 · Framer component · by ThatGuyDesigns · Carousels. Animated transitions WanderFrame includes three animation styles for slide changes: Fade, Slide, and Zoom."
canonical: "https://framer.elliotli.dev/component/wanderframe"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/WanderFrame

# WanderFrame

Interactive Image Slider Component

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

![WanderFrame preview image 1](https://framer.elliotli.dev/og/component/wanderframe/bbf18f74e0a173f2/1600x1200.jpg)

## Summary

Animated transitions WanderFrame includes three animation styles for slide changes: Fade, Slide, and Zoom.

## Description

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-l5qoy79n-ySvuIBxNpov2YlfEJB4sdV9WKFQJmM)

The component displays each slide with a label, title, description, image, button, link, icon, and custom colors. It is ideal for landing pages, portfolios, travel websites, architecture showcases, product highlights, lifestyle sections, and agency websites.

### Key Features

**Multiple custom slides**

Each slide can include its own image, label, title, up to three description lines, button text, link, icon, and individual color settings.

**Thumbnail navigation**

Users can switch between slides using thumbnails. The active thumbnail has its own border color and styling, making the current slide easy to identify.

**Responsive layout**

On desktop, thumbnails appear vertically beside the main image. On mobile, the layout automatically adapts with horizontal scrollable thumbnails and a mobile-optimized hero section.

**Animated transitions**

WanderFrame includes three animation styles for slide changes: Fade, Slide, and Zoom. The animation speed can also be adjusted directly from the Framer controls.

**Custom CTA buttons**

Each slide can have its own call-to-action button with a custom label, link, open-in-new-tab option, button colors, and optional icon.

**Built-in icon options**

The component includes several icon styles, such as Arrow, Up Right, Plus, Play, Star, Check, Sparkles, and External.

**Full design control**

You can customize background color, font family, text sizes, mobile text sizes, image radius, thumbnail size, thumbnail gap, button radius, icon size, icon stroke, mobile breakpoint, and mobile height.

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-1lc0qhfo-FJMP2cVrRulrOGixjVYwVcMkAN9fEN)

## ✅ Updates

-   6/6/2026 First Release
    

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

-   All · #8612

## Details

- **Author**: ThatGuyDesigns
- **Price**: $1.00
- **Published**: 2026-06-05
- **Updated**: 2026-10-25
- **Added**: 2026-05-27
- **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