Gallery Slider
Gallery Slider is a responsive image carousel that highlights a central image with side previews, ideal for portfolios, hero sections, product galleries, and landing pages
Made with Workshop
Build your own component with AI
GallerySlider is a responsive, interactive image carousel for Framer. It highlights a central image while partially showing side images, creating a smooth 3D-like effect. With support for captions, lazy loading, autoplay, and extensive customization, it’s perfect for showcasing photos professionally and engagingly.
Key Features:
Center-Focused Layout: Emphasizes one main image with partially visible side images.
Customizable Captions: Titles and descriptions with adjustable font, color, background, padding, and overlay or bottom placement.
Lazy Loading & Preloading: Optimizes performance by loading only visible and adjacent images.
Autoplay & Pause-on-Hover: Automatically cycle images with optional hover pause.
Navigation Arrows: Optional manual navigation.
Adjustable Styling: Control image scale, side opacity, spacing, border radius, animation, and object-fit.
Aspect Ratio Options: Supports 16:9, 4:3, 3:2, 1:1, 9:16.
Accessible & Responsive: Works seamlessly on both desktop and mobile devices with proper ARIA labels.
Where to Use:
Hero sections of websites
Portfolios for photography or design
E-commerce galleries
Landing pages
Mobile apps with swipeable image sections
