Skip to content

component

DraggableCarousel

By Mohd Qasim

Details

Summary

Draggable Carousel Image Gallery

Description

Draggable Carousel is a smooth horizontal image gallery component designed for modern websites, portfolios, and creative showcases. It allows users to drag through a strip of images with fluid motion, custom cursor interaction, and responsive sizing. Each item can have a different size, creating a dynamic layout that feels natural and engaging. The component also includes an expandable lightbox view, touch support for mobile devices, and smooth animations that make browsing feel premium and interactive. Built for performance and flexibility, this carousel works perfectly in Framer projects and supports both uploaded images and URL sources, making it easy to use in any type of design. Key Features • Smooth draggable horizontal carousel • Expandable lightbox image view • Multiple image sizes in one strip • Fully responsive layout • Touch and mouse drag support • Keyboard navigation in lightbox • Supports URL and uploaded images • Smooth scaling and animation effects • Adjustable lightbox size controls Best For • Portfolio websites • Photography galleries • Creative agency websites • Product showcase sections • Case study layouts • Interactive landing pages • Image sliders with drag control • Modern Framer components

Introduction

Draggable Carousel Image Gallery

Rank history

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

120014001600164598/148/228/309/79/15
  • All · #6024