Animated Slides

What is Animated Slides?

What is Animated Slides? Animated Slides is a premium split-panel hero slideshow that combines cinematic text roll-in animations with a synchronized horizontal card carousel. Each slide transition features coordinated heading, subheading, description, and CTA movement alongside a smoothly shifting image strip with a vertical progress bar. Ideal for travel sites, portfolio heroes, product showcases, and agency landing pages that demand visual impact above the fold. Core Features Synchronized roll-in text and carousel card transitions with configurable speed presets (Slow, Medium, Fast) Infinite-loop auto-play with pause-on-hover and adjustable interval timing Vertical progress bar with interactive dot indicators for direct slide navigation Slide-fill CTA button with animated hover state, per-slide link destinations, and external link handling Dedicated mobile layout toggle that transforms into a stacked card carousel with counter and arrow navigation Controls inside Framer Slides Heading, subheading, and description per slide Responsive image upload with alt-text support Individual CTA button text and link per slide Up to 8 slides Layout Content split ratio (30–60%) Card border radius Card width and height overrides (0 = auto-responsive) Mobile layout toggle Colors Background Heading color Subheading color Progress bar fill Progress track Typography Heading font family and weight Body font family and weight Heading size (32–120px) Subheading size (10–24px) Animation Auto-play toggle Slide interval (2–15s) Pause on hover Transition speed preset Button Style Show/hide toggle Border color Hover fill color Text color Hover text color Visibility Show/hide navigation arrows Show/hide slide counter Best use cases Travel and destination landing pages with full-width hero sections Agency and portfolio homepages that need a cinematic first impression SaaS and product launch pages with feature-per-slide storytelling Real estate and hospitality sites showcasing property highlights Deliver above-the-fold impact that holds attention and drives clicks — without touching a timeline. Questions or custom requests? We design and build custom Framer components. Get in touch at contact@teampixel.com.au .

Cinematic split-panel hero slideshow.