My Framer Site

Travel

Mountain Escape

A peaceful outdoor destination with cinematic scenery.

Calm natural colors and premium outdoor feeling.

Perfect for travel and lifestyle sections.

WanderFrame — Interactive Image Slider Component

WanderFrame is a premium responsive Framer component designed for showcasing images, projects, destinations, services, or featured content through a dynamic visual slider. It combines a large cinematic hero image, thumbnail navigation, animated transitions, overlay text, and customizable call-to-action buttons in one polished component.

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.

Optional scroll navigation
The component can change slides using mouse wheel scroll on desktop. It also includes scroll sensitivity and lock timing to prevent accidental rapid changes.

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.

Mountain Escape

WanderFrame — Interactive Image Slider Component

Key Features

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

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

Responsive layoutOn 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 transitionsWanderFrame includes three animation styles for slide changes: Fade, Slide, and Zoom. The animation speed can also be adjusted directly from the Framer controls.

Optional scroll navigationThe component can change slides using mouse wheel scroll on desktop. It also includes scroll sensitivity and lock timing to prevent accidental rapid changes.

Custom CTA buttonsEach 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 optionsThe component includes several icon styles, such as Arrow, Up Right, Plus, Play, Star, Check, Sparkles, and External.

Full design controlYou 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.