---
title: "StackFlow Carousel — Free Framer component · Best of Framer"
description: "Free Framer component · by Edi Priatama · Carousels. Best curved carousel"
canonical: "https://framer.elliotli.dev/component/stackflow-carousel"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/StackFlow Carousel

# StackFlow Carousel

Free curved carousel

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

![StackFlow Carousel preview image 1](https://framer.elliotli.dev/og/component/stackflow-carousel/9b07cb73ce89f5f7/1600x1200.jpg)

## Summary

Best curved carousel

## Description

A responsive curved carousel component that arranges cards along a smooth arc with fluid animations, autoplay support, and intuitive navigation. Perfect for showcasing portfolios, testimonials, products, or featured content in a modern and interactive layout.

### Customize Options

**Content**

-   **Content Items** – Add and arrange any Framer components as carousel cards.
    

**Layout & Arc**

-   **Card Width** – Adjust the width of each card.
    
-   **Card Height** – Control the height of each card.
    
-   **Border Radius** – Customize the corner radius of cards.
    
-   **Curve Intensity** – Control the depth of the curved layout.
    
-   **Curve Direction** – Switch the arc upward or downward.
    
-   **Vertical Curve** – Fine-tune the vertical positioning of the curve.
    
-   **Rotation** – Adjust the rotation angle of each card.
    
-   **Spacing** – Control the spacing between cards along the curve.
    

**Auto Play**

-   **Enable Auto Play** – Automatically cycle through cards.
    
-   **Interval** – Set the delay between automatic transitions.
    
-   **Direction** – Choose left or right autoplay movement.
    
-   **Pause on Hover** – Pause autoplay while hovering over the carousel.
    

**Navigation**

-   **Show Arrows** – Display or hide navigation arrows.
    
-   **Arrow Color** – Customize the arrow color.
    
-   **Arrow Size** – Adjust the size of navigation arrows.
    

**Shadow**

-   **Shadow Color** – Change the card shadow color.
    
-   **Blur** – Control the softness of the shadow.
    
-   **Spread** – Adjust the shadow spread.
    
-   **Offset X** – Move the shadow horizontally.
    
-   **Offset Y** – Move the shadow vertically.
    

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

-   All · #3130

## Details

- **Author**: Edi Priatama
- **Published**: 2026-07-26
- **Updated**: 2026-10-02
- **Added**: 2026-07-26
- **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