---
title: "BrarsHeroCarousel — Framer component · Best of Framer"
description: "$8.00 · Framer component · by Alexander Moreno · Carousels. Advanced Hero Carousel & Product Slider"
canonical: "https://framer.elliotli.dev/component/brarsherocarousel"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/BrarsHeroCarousel

# BrarsHeroCarousel

Advanced Hero Carousel & Product Slider

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

![BrarsHeroCarousel preview image 1](https://framer.elliotli.dev/og/component/brarsherocarousel/d971d8bcc1991803/1600x1200.jpg)

## Summary

Advanced Hero Carousel & Product Slider

## Description

### Key Features:

-   **Per-Slide Background Control:** Independently customize background colors, images, and decorative overlay shapes for every single slide.
    
-   **Independent CTA Buttons:** Define unique button labels and URLs for each slide, giving you total flexibility for different calls to action.
    
-   **Smart Image Optimization:** Integrated "Product Size %" control ensures product images stay perfectly framed without overlapping titles or buttons.
    
-   **Fluid Interactivity:** Seamless support for drag gestures, dot navigation, and fully configurable Autoplay settings.
    
-   **Responsive Design:** Fluid typography and adaptive spacing that look stunning across desktop, tablet, and mobile breakpoints.
    

### Usage Instructions:

1.  **Add Slides:** Use the Properties panel to add up to 8 unique slides.
    
2.  **Tweak Global Styles:** Adjust the font family, button border radius, and decorative shape opacity from the global controls.
    
3.  **Customize Assets:** Upload your product images and fine-tune the "Product Size %" for each one based on its specific aspect ratio.
    

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

-   All · #7314

## Details

- **Author**: Alexander Moreno
- **Price**: $8.00
- **Published**: 2026-04-15
- **Updated**: 2026-04-15
- **Added**: 2026-04-03
- **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