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
