---
title: "TeamCarousel X — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Hamim Reza · Carousels. Orbiting team profiles with active card"
canonical: "https://framer.elliotli.dev/component/teamcarousel-x"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/TeamCarousel X

# TeamCarousel X

Orbiting team profiles with active card

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

![TeamCarousel X preview image 1](https://framer.elliotli.dev/og/component/teamcarousel-x/16a8996537266da1/1600x1200.jpg)

## Summary

Orbiting team profiles with active card

## Description

An animated team showcase with orbiting profile avatars and a central active card. Click any avatar to bring it to focus, navigate with arrows, keyboard, or dots, and let auto-rotation do the rest. Built for team pages, about sections, and testimonial showcases that need to do more than display a static grid.

## Features

-   Orbiting avatars with smooth spring animations
    
-   Central card showing profile image, name, role, email & connect button
    
-   Click avatar, arrow buttons, keyboard, dots, or auto-rotation to navigate
    
-   Auto-rotation with configurable interval and pause on hover
    
-   Pauses animations when scrolled out of viewport
    
-   Optional connect button with per-person external URL
    
-   Fully customizable colors, typography, card styling & layout
    
-   ARIA labels and semantic roles throughout
    
-   Responsive — adapts to container size automatically
    

## Navigation

-   **Click Avatar** — select any orbiting profile instantly
    
-   **Arrow Buttons** — left and right on the active card
    
-   **Keyboard** — arrow key navigation toggle
    
-   **Progress Dots** — jump to any profile directly
    
-   **Auto-Rotation** — cycles automatically on a set interval
    

## Property Controls

**Content** — profile image, name, role, email, connect link per person

**Behavior** — auto-rotation, interval, pause on hover, keyboard toggle

**Layout** — orbit radius, profile size, card width, padding, corner radius

**Card Styling** — background, border, shadow

**Colors** — primary, secondary, tertiary text, accent, ring, dots

**Typography** — separate font controls for title, body, and button

## Use Cases

Team pages · About sections · Founder showcases · Testimonial carousels · Speaker lineups · Advisor boards · Client spotlights · Staff directories

**SEO Keywords**

framer team carousel · framer team component · orbit carousel framer · framer profile carousel · team showcase framer · framer avatar carousel · rotating team framer · framer people component · team slider framer · framer about page component · profile showcase framer · framer animated carousel · team section framer · framer code component · interactive team framer

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

-   All · #9133

## Details

- **Author**: Hamim Reza
- **Price**: $10.00
- **Published**: 2026-03-02
- **Updated**: 2026-04-27
- **Added**: 2026-02-22
- **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