Dual Hero Carousel

A dynamic dual-row image carousel for Framer that combines continuous motion, interactive typography, and an immersive editorial layout. Dual Hero Carousel features two independently moving image rows surrounding a customizable central headline, creating a visually striking hero section for modern websites.

Customize images, card dimensions, spacing, animation speed, typography, colors, and interactive effects. With CMS Link compatibility, editable card content, and animated image previews, it offers flexibility for both curated collections and CMS-driven experiences.

Features & Customization

• Dual Image Rows: Display two independently moving rows of images.

• CMS Link Compatible: Connect individual cards to destination pages.

• Continuous Motion: Create seamless horizontal image movement.

• Interactive Dragging: Drag either row with smooth momentum.

• Wheel Navigation: Control row movement using mouse-wheel input.

• Animated Headlines: Rotate through customizable heading words.

• Magnetic Typography: Add subtle cursor-responsive letter animations.

• Image Popups: Reveal enlarged images, titles, and descriptions.

• Flexible Styling: Customize colors, typography, card sizes, spacing, and corner radius.

• Motion Controls: Adjust speed, hover pause, entrance animations, and image hover effects.

Where to Use

Dual Hero Carousel is ideal for creative portfolios, agency websites, photography studios, and editorial landing pages that need a distinctive visual introduction.

Use it for design studios, artist showcases, fashion brands, and CMS-powered portfolios to present visual content through an engaging, motion-driven layout.

I hope you enjoy using Dual Hero Carousel! For custom components or other Framer-related projects, contact oddframeworks@gmail.com.