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.
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
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
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
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
Hamim Reza
