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.

✅ Updates

6/6/2026 First Release

Suggested for you