Smooth Carousel

Show Preview
Smooth Carousel

About Smooth Carousel

Smooth Carousel is a fast, responsive carousel and slider for Framer — a transform-based, GPU-accelerated component built for genuinely jank-free motion. Use it as an image carousel, content slider, testimonial carousel, logo carousel, or portfolio gallery.

Two layouts, one component

  • Single — a full-width image slider, one slide at a time, with optional autoplay

  • Multi — a multi-item carousel showing several cards at once with draggable drag-to-snap scrolling

Features

  • Smooth GPU-accelerated slide transitions (cubic-bezier easing, zero jank)

  • Draggable / swipeable carousel with snap on release

  • Autoplay slider with adjustable interval — works in single and multi layouts

  • Navigation arrows (top / center / bottom) with alignment and custom icon support

  • Pagination dots and an optional progress bar

  • Fading edge gradients

  • Full keyboard navigation (arrow keys, Home, End)

  • Accessible carousel by default — proper ARIA roles and labels

  • Responsive and mobile-friendly

  • CMS-ready — connect any layer, component, or CMS collection

  • Pauses when offscreen and renders cleanly in static exports

Perfect for image galleries, testimonial sliders, product showcases, logo walls, and portfolio carousels. Drop in your content, style it from the property panel, and ship.

Component Demo