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.
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.
--/5/2026 First Release
ThatGuyDesigns
