---
title: "Hero image slider — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Victor Adekunle · Carousels. Hero image slider pro"
canonical: "https://framer.elliotli.dev/component/heroslider"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/Hero image slider

# Hero image slider

Hero image slider pro

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

![Hero image slider preview image 1](https://framer.elliotli.dev/og/component/heroslider/05848bc9e4da592b/1600x1200.jpg)

## Summary

Hero image slider pro

## Description

### Key Features

-   **Cinematic Transitions**
    
    -   Slide → clean and modern
        
    -   Dissolve → soft blur + premium fade
        
    -   Cube → bold 3D rotation
        
    -   Parallax → depth-driven movement
        

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-81nrsk9x-2xpHs0Ju7PpXILOkxvwNNOsciLeYAJ)

**Image-First Design**

-   Full-screen background visuals
    
-   Built-in vignette for readability
    
-   Text overlays that never overpower imagery
    

**Autoplay**

-   Adjustable timing
    
-   Seamless looping
    
-   Disabled in canvas for easier editing
    

**Elegant Progress UI**

-   Minimal progress line
    
-   Circular timer for a premium feel
    

**Flexible Navigation**

-   Clean text controls (BACK / NEXT)
    
-   Modern glass-style arrow icons
    

**Responsive by Default**

-   Scales beautifully across devices
    
-   Optimized spacing for mobile
    

### Fully Customizable

-   Images, titles, and tags per slide
    
-   Transition style (4 options)
    
-   Accent color (UI + progress)
    
-   Typography (font, size, weight)
    
-   Navigation style
    
-   Progress type (line or circular)
    
-   Layout spacing & padding
    
-   Toggle UI elements on/off
    

### Why it works

Most sliders compete with your visuals.This one **supports them**.

-   Motion adds depth without noise
    
-   UI stays subtle and intentional
    
-   Users focus on what matters: **your images**
    

### What You Get

-   Plug-and-play Framer component
    
-   Smooth, high-performance animations
    
-   Clean structure with full control
    
-   Built for modern, visual-first design systems
    

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

-   All · #5855

## Details

- **Author**: Victor Adekunle
- **Price**: $10.00
- **Published**: 2026-04-20
- **Updated**: 2026-06-01
- **Added**: 2026-04-09
- **Categories**: Carousels

## More like this

-   [3DCurvedImageMarquee](/component/3dcurvedimagemarquee) — Lera · $4 — Curved perspective double ticker
-   [Orbit Kit Carousel](/component/orbit-kit-carousel) — Khairul Fauzy Khairudin · $12 — 3D drag carousel with inertia
-   [Team Orbit](/component/team-orbit) — Ali Musa · Free — Interactive Team Showcase
-   [Glow Testimonial](/component/glow-testimonial) — Interface Studio · Free — Testimonials with a Little Glow