3D Service carousel

Description 3D Service Carousel is a fully interactive, code-powered component that displays your service cards in a dynamic 3D perspective layout.

Description 3D Service Carousel is a fully interactive, code-powered component that displays your service cards in a dynamic 3D perspective layout. The active card sits front and center at full scale, while the previous and next cards flank it at depth with a natural perspective tilt, creating a carousel with real visual weight. Navigate through up to 8 service cards using left and right arrow buttons or the dot indicators below. Each card supports a background image, badge label (e.g. "Popular", "Premium"), service title, short description, and a "Learn More" CTA link. All text, images, links, and colors are fully editable through Framer's property controls, no code knowledge required. What's included: 3D perspective card layout with depth-offset side cards Arrow navigation (left and right) Dot indicator navigation with active state Up to 8 fully customizable service cards Per-card: background image, badge, title, description, CTA text and link, accent color Smooth transition animations between cards Hover effects on cards and interactive elements Responsive behavior: flat layout on mobile Clean, dark-themed default styling that adapts easily to any brand Built for agency sites, SaaS landing pages, and portfolio websites where showcasing multiple services with visual impact matters.

A 3D perspective carousel for showcasing