Parallax Slider is a CMS ready infinite horizontal slider for motion driven Framer websites. It supports dynamic CMS collections, smooth drag, swipe, and scroll interactions, and a seamless infinite loop with real-time parallax motion.
Slides can be managed via CMS or manual data, with support for images, videos, titles, and links. Lerp-based motion and velocity tracking deliver fluid, responsive movement, while viewport-based parallax adds depth without overwhelming the layout.
Hover reveals a minimal title overlay only when the slider is still, and smart click handling prevents accidental navigation during dragging. Fully customizable and performance optimized, it is ideal for modern, CMS powered layouts.
CMS compatible slide data with titles, media, and links
Infinite horizontal looping with seamless recycling
Image and video slide support
Mouse drag, touch swipe, and scroll wheel control
Smooth lerp-based motion with velocity limits
Real-time parallax based on viewport position
Adjustable image scale and parallax intensity
Hover-activated title overlay with animated transition
Smart click handling that ignores drag gestures
Fully customizable sizing, spacing, colors, and typography
Performance optimized animation loop with in view detection
Full Framer property control support
CMS driven portfolios and galleries
Agency and studio websites
Product and case study sliders
Editorial and magazine style layouts
Visual storytelling sections
Motion focused hero areas
Homepage featured work sections
CMS powered portfolio pages
Product highlights and launches
Brand storytelling layouts
Campaign and editorial pages
Drag the component onto the canvas
Connect a CMS collection or add slides manually
Bind titles, images, videos, and links
Adjust slide width, height, and spacing
Tune scroll speed, smoothness, and max velocity
Control parallax intensity and image scale
Customize colors, typography, and hover behavior
Enable or disable click navigation as needed
Mohd Mehraj
