Hero Slider Carousel is a hero section for Framer. Split and fullwidth layouts with fade or slide transitions. Ken Burns, text animation and per-slide video included. Circular countdown indicators and touch swipe. Perfect for e-commerce stores and brands.
Live Preview: https://heroslidercarousel.framer.website/
About Component
Hero Slider Carousel is a hero section for Framer. Split and fullwidth layouts with fade or slide transitions. Ken Burns, text animation and per-slide video included. Circular countdown indicators and touch swipe. Perfect for e-commerce stores and brands.
Two hero layouts — Split (50/50 text + image) or fullwidth with a customisable gradient overlay
Smooth fade or slide transitions — pick your style with fully adjustable speed and easing
Ken Burns effect — subtle zoom and pan brings still images to life on every slide
Animated text entrances — headline and content fade up or fade in on each slide change
Image and video support — upload media or paste a video URL with poster image fallback
Circular countdown indicators — animated ring shows time remaining before the next slide
Badge labels — tag any slide with "SALE", "NEW" or custom text in any colour
Three CTA styles — underline link, filled button or outlined, with auto-contrast text colour
Fully responsive — split layout stacks vertically on mobile with an adjustable breakpoint
Complete property controls — arrows, loop, counter, split ratio, pause button and more
Use Cases
Fashion & apparel online stores
Seasonal sale & campaign landing pages
Product launch & new arrival announcements
Multi-brand retail & marketplace homepages
Beauty, skincare & lifestyle e-commerce sites
Sports, streetwear & sneaker brand stores
Food, beverage & gourmet product shops
Furniture, interior & home décor stores
Travel, hotel & experience booking pages
SaaS marketing & feature highlight sections
Creative agency & studio portfolio pages
Event, festival & ticket sales websites
Keywords
hero slider framer, hero carousel framer, e-commerce slider, split layout carousel, fullwidth hero framer, landing page carousel, product showcase slider, hero section framer, ken burns carousel, animated hero slider, fade slide transition, video carousel framer, countdown indicator carousel, auto-play hero slider, fashion slider framer, sale banner carousel, responsive hero carousel, text animation slider, split hero framer, image video slider, smooth hero transition, e-commerce hero framer
Ahmet Loca
