Parallax Slider CMS

Drag Parallax Slider is a premium, interaction-first slideshow for Framer that turns a handful of images into a tactile, cursor-driven browsing experience. Built around fluid drag physics, layered parallax motion, and a floating thumbnail dock — designed for hero sections that feel alive from the first scroll.

Built on a custom drag engine, each slide responds to pointer velocity and direction, creating motion that feels physical on both desktop and touch.

Perfect for portfolio heroes, agency landing pages, product launches, and real estate showcases that want their opening impression to feel designed, not templated.

Key Features

Fluid Drag & Parallax Engine

• Velocity-aware drag with momentum-based release

• Layered parallax between slide and image layers

• Smooth tie-break handling for even slide counts

• Keyboard navigation (arrow keys)

Custom Smooth Cursor

• Animated "Drag" pill replaces native cursor on hover

• Spring-based follow motion, auto-disables on touch

• Per-element cursor overrides via data attributes

Floating Thumbnail Dock

• Position left, right, top, or bottom

• Fully responsive across breakpoints

• Optional auto-hide on mobile

• Active-slide indicator with accent ring

Flexible Height Controls

• Fill, Viewport (VH), or Fixed (PX) modes

Customizable Motion

• 4 easing curves (Quart Out, Silk InOut, Quint InOut, Soft Out)

• Adjustable slide duration and release easing

Fully Customizable Design

• Adjustable accent color, thumbnail sizes per breakpoint

• Show/hide sidebar and cursor independently

Perfect For Portfolio Heroes, Creative Agencies, Real Estate, Product Launches, Photography Sites, Brand Landing Pages

Support Need help customizing? Feel free to contact me. Email: amansupport45@gmail.com