Carousel Slides

Live Preview: https://carouselslider.framer.website/

About Carousel Slides

Carousel Slider is a draggable image carousel for Framer with three animated counter styles — numbers, roman numerals or word titles — plus staggered reveal animations, keyboard navigation and built-in SEO structured data. Perfect for hero sections, portfolios and product pages.

Draggable & swipeable — mouse, touch and pointer support Three counter styles: Numbers (01/04), Roman numerals (I/IV) or Words Staggered fade + slide-up reveal for heading, description and button Depth blur on inactive slides for cinematic focus Autoplay with a visible progress bar indicator Full keyboard navigation — arrow keys, focus-scoped, no site-wide hijacking Screen reader support — live region announces slide changes Respects prefers-reduced-motion automatically Fully responsive — auto-adapts layout for desktop, tablet and mobile Demo Mode — live preview Counter Style, Gap, Radius and Autoplay JSON-LD structured data (ItemList/ImageObject) for Google indexing Native Framer font pickers for counter, heading, description and button Lazy-loaded, responsive images with srcSet for fast page speed Works out of the box — five demo slides included, fully customizable

Use Cases

Hero sections & landing page headers

Portfolio & personal branding websites

Creative agency & studio pages

Product showcase & feature carousel

Fashion & lifestyle lookbooks

Travel & hospitality websites

Real estate & architecture portfolios

Photography & visual storytelling sites

Event & conference websites

Editorial & magazine-style layouts

SaaS marketing & feature highlight pages

Keywords

image carousel, image slider framer, draggable carousel, swipe carousel, carousel component framer, hero slider, accessible carousel, autoplay carousel, carousel with captions, animated slider, product carousel, roman numeral counter, keyboard accessible carousel