---
title: "VerticaI Carousel — Free Framer component · Best of Framer"
description: "Free Framer component · by Karim Saif · Carousels. VerticaI image Stack Carousel"
canonical: "https://framer.elliotli.dev/component/verticai-carousel"
---

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

# VerticaI Carousel

VerticaI image Stack Carousel

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

![VerticaI Carousel preview image 1](https://framer.elliotli.dev/og/component/verticai-carousel/c01eaa1f95f9d457/1600x1062.jpg)

## Summary

VerticaI image Stack Carousel

## Description

Vertical Image Stack for Framer

**Vertical Image Stack** is an immersive, 3D layered media showcase component for Framer. Featuring depth-based card transformations, touch drag gestures, mouse wheel navigation, keyboard support, and dynamic UI indicators, it provides a tactile and modern gallery experience.

## Key Features

-   **3D Perspective Stack**: Multi-layer depth layout utilizing dynamic scaling, opacity gradients, and 3D rotation transforms.
    
-   **Multi-Modal Navigation**: Seamlessly navigate cards using mouse wheel scrolling, vertical touch-drag gestures, keyboard arrow keys, or side navigation dots.
    
-   **Interactive Hint Indicators**: Configurable animated bounce arrows and custom text prompts to guide user interaction.
    
-   **Dynamic Index Counter**: Tabular-num active index tracking paired with total count indicators.
    
-   **Canvas Optimization**: Built-in safeguards and static renderer awareness to ensure smooth editing inside the Framer canvas.
    

## Property Controls

**Content**

-   **Images**: Array list to add card images and individual accessibility alt text.
    

**Dimensions & Style**

-   **Width**: Custom width for individual cards (150px to 600px).
    
-   **Height**: Custom height for individual cards (200px to 800px).
    
-   **Radius**: Corner rounding configuration for cards (0px to 50px).
    
-   **Cooldown**: Minimum delay threshold between scroll and drag transitions (100ms to 1000ms).
    

**UI Elements & Toggles**

-   **Show Dots**: Toggle right-hand vertical navigation dots.
    
-   **Show Counter**: Toggle left-hand numerical index display.
    
-   **Show Hints**: Toggle scroll/drag directional hint container, with independent sub-controls for hint arrows and text.
    
-   **Background**: Container background color picker.
    
-   **Text Color**: Foreground color for typography and icons.
    
-   **Aria Label**: Accessibility description for screen readers.
    

## Need Help?

For support, feedback, or feature requests:

-   **X / Twitter**: [@Karim Saif](/community/creator/@karim-saif/)
    
-   **Email:** karimsaif010@gmail.com
    

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

-   All · #798

## Details

- **Author**: Karim Saif
- **Published**: 2026-08-12
- **Updated**: 2026-08-12
- **Added**: 2026-08-12
- **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