Image Carousel Pro
Interactive, responsive image carousel with thumbnails, swipe navigation, autoplay, and smooth motion: customizable sizing, styling, and display options for any gallery.
Make it with Workshop
Build your own component with AI
About this Component
Image Carousel is a responsive image gallery for Framer that displays one large image with a row of thumbnails for quick navigation. Users can switch images by clicking thumbnails, dragging or swiping on the main image, or using previous/next arrow buttons. The component supports optional autoplay, an image counter, and smooth Framer Motion transitions for a polished experience.
You can easily add or remove images, adjust the main and thumbnail image heights, choose how thumbnails are aligned, and customize border radius and visual styles—no coding required. The carousel adapts to different screen sizes, works great on mobile, and includes accessibility features like ARIA labels and keyboard navigation. It also handles image loading errors gracefully.
Perfect for product galleries, portfolio showcases, case studies, hero sliders, and any design that needs an interactive image browsing experience inside Framer.
