component
Parallax Slider CMS
By Aman Qureshi
Details
- Aman QureshiAuthor
- componentType
- $4.00Price
- 2026-07-04Published
- 2026-08-24Updated
- 2026-07-04Added
- CarouselsCategories
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.
- All · #6612