---
title: "Slid Image Carousel — Framer component · Best of Framer"
description: "$5.00 · Framer component · by RAMDIN SINGH · Carousels. https://harman-design.lemonsqueezy.com/c"
canonical: "https://framer.elliotli.dev/component/slid-image-carousel"
---

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

# Slid Image Carousel

https://harman-design.lemonsqueezy.com/c

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

![Slid Image Carousel preview image 1](https://framer.elliotli.dev/og/component/slid-image-carousel/2074b4b5e0f059e0/1600x1200.jpg)

## Summary

https://harman-design.lemonsqueezy.com/c

## Description

**Description**

This component is a smooth, visually rich **left-to-right sliding image carousel** enhanced with a fully customizable **animated border made of stars, circles, triangles, glowing lights, or shining gold stars**. Each image transitions using Framer Motion’s spring-based slide animation, creating a fluid, polished gallery experience suitable for hero sections, banners, or product showcases.

### ✨ Key Features

-   **Sliding Animation:**Uses Framer Motion to animate images entering and exiting from left or right based on navigation direction.
    
-   **Animated Border:**A unique perimeter animation where shapes continuously travel around the edge of the carousel.
    
    -   Shapes include: **Star**, **Circle**, **Triangle**, **Colorful Lights**, **Shining Gold Star**
        
    -   Adjustable color, size, and speed
        
    -   Smooth looping animation using requestAnimationFrame
        
-   **Autoplay Support:**Enables automatic slide transitions with customizable interval timing.
    
-   **Dot Navigation:**Minimal dot indicators that match your theme, with adjustable inactive and active colors.
    
-   **Responsive Image Control:**Uses Framer’s responsive image picker, supporting up to 10 images.
    
-   **Framer-Ready:**Includes full Property Controls for seamless customization in the Framer editor.
    

### 🎛️ Customizable Controls

-   Auto-play & interval
    
-   Dot visibility & colors
    
-   Shape type (star/circle/triangle/colorful/gold)
    
-   Shape size & animation speed
    
-   Border width
    

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

-   All · #7780

## Details

- **Author**: RAMDIN SINGH
- **Price**: $5.00
- **Published**: 2025-12-19
- **Updated**: 2026-01-18
- **Added**: 2025-12-10
- **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