Skip to content

component

Parallax Slider CMS

By Aman Qureshi

Details

Summary

Drag-driven parallax CMS slider

Description

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

Introduction

Drag-driven parallax CMS slider

Rank history

Daily rank per list, from the first snapshot — lower is better.

120014001600166128/148/228/309/79/15
  • All · #6612