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.