---
title: "Smooth Card Slider — Framer component · Best of Framer"
description: "$15.00 · Framer component · by Flowgen Studio · Carousels. A smooth slider to showcase image cards."
canonical: "https://framer.elliotli.dev/component/smooth-card-slider"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/Smooth Card Slider

# Smooth Card Slider

A smooth slider to showcase image cards.

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

![Smooth Card Slider preview image 1](https://framer.elliotli.dev/og/component/smooth-card-slider/4ac3e07df162e322/1600x1200.jpg)

## Summary

A smooth slider to showcase image cards.

## Description

This component is built in **Framer** and is easy to customize. You can change the layout, animation, and style without touching any code.

**Features:**

-   Adjust **Z-Step / Depth** to control the card stacking
    
-   Change **Width and Height** to create different layouts
    
-   **Upload your own images** with native Framer support
    
-   Customize **Perspective** to control the depth effect
    
-   **Keyboard navigation** to browse cards easily
    
-   Adjust **Card gap and border radius**
    
-   Create **multiple unique layouts and animations** using properties
    

**Unique Feature:** You can create many **different visual styles and animations** depending on how creatively you use the settings.

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-5qu5zws3-Zk9l2KMq5Cfx8AVvQXZ1ybUOF6y0xF)![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-5qu5zws3-flxRgFgGXgxC3zqmvtBtPmc0GXX7bE)

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

-   All · #3822

## Details

- **Author**: Flowgen Studio
- **Price**: $15.00
- **Published**: 2026-03-25
- **Updated**: 2026-05-04
- **Added**: 2026-03-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