---
title: "CircularTestimonials — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Hamim Reza · Carousels. 3D perspective testimonial carusel"
canonical: "https://framer.elliotli.dev/component/circulartestimonials"
---

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

# CircularTestimonials

3D perspective testimonial carusel

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

![CircularTestimonials preview image 1](https://framer.elliotli.dev/og/component/circulartestimonials/bde334db3e85da85/1600x1200.jpg)

## Summary

3D perspective testimonial carusel

## Description

A 3D perspective testimonial carousel displaying three cards simultaneously — center card full size, side cards scaled to 85% and rotated 15° for depth. Word-by-word blur-in text animation with staggered delays. Autoplay, keyboard navigation, and circular arrow buttons. Built for client testimonial sections, product reviews, and social proof displays that need a premium three-dimensional presentation.

## Features

-   Three cards visible simultaneously with 3D perspective transforms
    
-   Center card — full size, no rotation
    
-   Side cards — 85% scale, 15° rotation, dynamic gap positioning
    
-   Smooth cubic-bezier transitions between all states
    
-   Word-by-word blur-in text animation with staggered delays
    
-   Fade transitions between testimonials via AnimatePresence
    
-   Circular arrow navigation buttons with hover effects
    
-   Keyboard arrow left and right navigation
    
-   Autoplay with configurable interval (1–10 seconds)
    
-   Autoplay pauses on manual navigation click
    
-   Quote length limiter with ellipsis truncation
    
-   Responsive — two column desktop layout, single column mobile
    
-   Dynamic gap calculation based on container width
    
-   Animations disabled in Framer canvas edit mode
    
-   Static renderer detection for clean canvas preview
    
-   No dependencies beyond Framer Motion
    

## Property Controls

**Content**

-   Testimonials — quote, name, designation, image per item
    
-   Max Quote Length — character limit with ellipsis (default 250)
    

**Appearance**

-   All Color
    
-   All Font
    

**Buttons**

-   Arrow Background · Arrow Foreground · Arrow Hover Background
    

**Behavior**

-   Autoplay — enable/disable toggle
    
-   Autoplay Interval — time between transitions (1000–10000ms)
    

**SEO Keywords**

framer 3d testimonial · framer testimonial carousel · framer perspective carousel · framer testimonial component · framer social proof · framer review carousel · framer animated testimonial · framer customer reviews · framer 3d carousel · framer quote carousel · framer testimonial design · framer autoplay carousel · framer landing page component · framer code component · framer testimonial slider

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

-   All · #4688

## Details

- **Author**: Hamim Reza
- **Price**: $10.00
- **Published**: 2026-05-04
- **Updated**: 2026-06-25
- **Added**: 2026-04-18
- **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