---
title: "Hero Slider Carousel — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Ahmet Loca · Sections. Hero Slider Carousel is a hero section for Framer."
canonical: "https://framer.elliotli.dev/component/hero-slider-carousel"
---

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/Hero Slider Carousel

# Hero Slider Carousel

Hero Slider Carousel, Full Width

[View on Framer](https://framer.com/marketplace/components/hero-slider-carousel/?via=elliot-li)

![Hero Slider Carousel preview image 1](https://framer.elliotli.dev/og/component/hero-slider-carousel/0adfcb4d4f42d1f7/1600x1200.jpg)

## Summary

Hero Slider Carousel is a hero section for Framer.

## Description

**MORE FRAMER COMPONENTS LIKE THIS**

**✦ Browse +38 FREE + 85 premium components:** [**https://frameze.com/components**](https://frameze.com/components)

**✦ Get everything for one price:** [**https://ahmetloca.dub.link/allcomponents**](https://ahmetloca.dub.link/allcomponents)

## **About Hero Slider Carousel**

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.

**Features**

-   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
    
-   Fully responsive — split layout stacks vertically on mobile with an adjustable breakpoint
    

**Live Preview:** [**https://heroslidercarousel.framer.website/**](https://heroslidercarousel.framer.website/)

**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
    

**Keywords**

hero slider, hero carousel, e-commerce slider, split layout carousel, fullwidth hero, landing page carousel, product showcase slider, hero section framer, ken burns carousel, animated hero slider, fade slide transition, video carousel, countdown indicator carousel, auto-play hero slider, fashion slider

## Rank history [How rankings work →](/terms#rankings)

-   All · #7418

## Details

- **Author**: Ahmet Loca
- **Price**: $5.00
- **Published**: 2026-06-05
- **Updated**: 2026-09-30
- **Added**: 2026-05-30
- **Categories**: Sections

## More like this

-   [Project Index](/component/project-index) — Bernardo Lickfold · Free — Editorial index: hover & scroll
-   [Face Parade](/component/face-parade) — RAjan · Free — Animated team profiles
-   [Staircase Cover Flow](/component/staircase-cover-flow) — Karim Saif · $7 — editorial-inspired image gallery
-   [In Their Words](/component/in-their-words) — Majed Monem · $9 — A wall of customer quotes