Wipe Slider Pro

Give your hero section a transition people remember.

Wipe Slider is a fully customizable Framer component: a skewed curtain sweeps across your images while the text slides out and back in, line by line, in sync with the wipe.

Features

• Skewed clip-path wipe: adjustable edge angle from -45° to 45°, four easing styles, custom duration

• Text that syncs with the image: old text exits as the curtain enters, new text arrives at the point you choose (Text Sync)

• Split-line reveals: chapter, description and navigation name animate line by line, and the title animates character by character

• Rolling number progress: odometer-style digits, as a percentage (025%) or a counter (01/04), with adjustable duration and stagger

• Autoplay with live progress bars: the active bar fills over your interval, pauses on hover (optional) and resumes where it stopped

• Swipe and navigation: touch swipe, prev/next buttons, loop on or off

• Image fallbacks: fallback image or color when a slide has no image or fails to load

• Fully styleable: colors, fonts, overlay, padding, content max-width, and toggles for every UI element

• Up to 12 slides managed directly in the Properties panel

• onSlideChange event to trigger variants or other elements in your project

• Built for Framer: static renderer safe (no animations on canvas or export) and respects reduced-motion settings