---
title: "Parallax Slider CMS — Framer component · Best of Framer"
description: "$4.00 · Framer component · by Aman Qureshi · Carousels. Drag-driven parallax CMS slider"
canonical: "https://framer.elliotli.dev/component/parallax-slider-cms"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/Parallax Slider CMS

# Parallax Slider CMS

Drag-driven parallax CMS slider

[View on Framer](https://framer.com/marketplace/components/parallax-slider-cms/?via=elliot-li)

![Parallax Slider CMS preview image 1](https://framer.elliotli.dev/og/component/parallax-slider-cms/ee9079e6b108b506/1600x1200.jpg)

## 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](mailto:amansupport45@gmail.com)

## Rank history [How rankings work →](/terms#rankings)

-   All · #7675

## Details

- **Author**: Aman Qureshi
- **Price**: $4.00
- **Published**: 2026-07-04
- **Updated**: 2026-08-24
- **Added**: 2026-07-04
- **Categories**: Carousels

## More like this

-   [3DCurvedImageMarquee](/component/3dcurvedimagemarquee) — Lera · $4 — Curved perspective double ticker
-   [Orbit Kit Carousel](/component/orbit-kit-carousel) — Khairul Fauzy Khairudin · $12 — 3D drag carousel with inertia
-   [Team Orbit](/component/team-orbit) — Ali Musa · Free — Interactive Team Showcase
-   [Glow Testimonial](/component/glow-testimonial) — Interface Studio · Free — Testimonials with a Little Glow