---
title: "Hr_Image_Carousel — Framer component · Best of Framer"
description: "$5.00 · Framer component · by RAMDIN SINGH · Carousels. Description: This code defines a Framer React component called Hr Image Carousel, a highly customizable and interactive image…"
canonical: "https://framer.elliotli.dev/component/hr-image-carousel"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/Hr\_Image\_Carousel

# Hr\_Image\_Carousel

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

![Hr\_Image\_Carousel preview image 1](https://framer.elliotli.dev/og/component/hr-image-carousel/dafe70eda9f0a2c3/1600x1200.jpg)

## Summary

Description: This code defines a Framer React component called Hr Image Carousel, a highly customizable and interactive image slider with animated text reveals and smooth…

## Description

**Description:**This code defines a **Framer React component** called Hr **Image Carousel**, a highly customizable and interactive **image slider with animated text reveals** and **smooth transitions** powered by **Framer Motion**. Each slide displays a background image with a title that animates into view letter by letter, creating an elegant, cinematic reveal effect.

The carousel supports both **manual swiping** (drag interaction) and **autoplay** with adjustable intervals. Users can pause autoplay by hovering over the component. The design also includes **customizable navigation dots** that can change shape, size, and color dynamically depending on the active slide.

It’s built with accessibility in mind, including ARIA roles and labels for screen readers. The component’s appearance, typography, timing, and layout are all configurable directly through Framer property controls, making it ideal for visually rich presentations, portfolios, and modern hero sections.

**Key Features:**

-   Animated text reveal using **Framer Motion**.
    
-   Fully customizable images, colors, fonts, and dot indicators.
    
-   **Autoplay** with hover pause functionality.
    
-   **Manual drag/swipe navigation** for intuitive control.
    
-   Dynamic transitions with smooth fade animations.
    
-   Accessible with ARIA roles for better usability.
    

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

-   All · #10768

## Details

- **Author**: RAMDIN SINGH
- **Price**: $5.00
- **Published**: 2025-10-14
- **Updated**: 2026-01-03
- **Added**: 2025-10-07
- **Categories**: Carousels

## More like this

-   [Screen Stage Mockup](/component/screen-stage-mockup) — Aisol Studio · $14 — Your screens in synced devices
-   [Team Reel](/component/team-reel) — Ali Musa · Free — Interactive Team Showcase
-   [Slider](/component/slider) — MAS · Free — A smooth, customizable slider.
-   [Cascade Card Slider](/component/cascade-card-slider) — Tim Yeng · Free — Cards that cascade into view