3D Axis Carousel
3D Axis Carousel is a responsive 3D media carousel built for modern Framer websites. It displays cards along a horizontal axis where each item scales, rotates, and layers naturally to create a sense of depth while keeping the active card in focus.
The component supports both images and videos, allowing you to showcase media from Framer uploads or external URLs. Each card can also include a CMS link, making it easy to connect carousel items directly to CMS pages such as projects, case studies, blog posts, or product pages. When the center card is clicked, it can automatically navigate to the connected CMS content, turning the carousel into an interactive content browser.
Navigation is simple and flexible. Users can drag or swipe the carousel, use previous and next buttons, click pagination dots, or navigate with keyboard controls. Optional autoplay allows the carousel to cycle through content automatically.
The component is fully responsive and automatically adjusts spacing, perspective, and scale across mobile, tablet, and desktop layouts. Designers can customize the visual style directly inside Framer with controls for aspect ratio, borders, shadows, colors, navigation buttons, and autoplay settings.
This makes the 3D Axis Carousel a versatile component for displaying CMS driven content while adding motion, depth, and interaction to your website.
Key Features
- 3D axis based carousel with depth and rotation
- Image and video support with upload or URL options
- CMS link support for connecting cards to CMS pages
- Drag and swipe navigation
- Previous and next navigation buttons
- Pagination dots with active slide indicator
- Optional autoplay with adjustable timing
- Keyboard navigation support
- Responsive layout for mobile, tablet, and desktop
- Customizable card borders, radius, and shadows
- Adjustable aspect ratios for different layouts
- Smooth animations powered by Framer Motion
Where to Use
- CMS powered portfolio showcases
- Featured projects or case studies
- Product galleries connected to CMS collections
- Blog or article highlights
- Homepage hero sections
- Media galleries and storytelling sections
Best For
- Framer websites using CMS collections
- Designers showcasing dynamic content
- Creative agencies and studios
- Product and portfolio websites
- Media rich landing pages
Why This Component Is Valuable
- Turns CMS content into an interactive 3D carousel
- Allows visitors to browse and open CMS items directly from the carousel
- Supports both images and videos in one component
- Fully responsive without manual layout adjustments
- Easy to customize directly in Framer without editing code
- Adds motion and depth while keeping navigation simple and intuitive
Refund Policy:
Due to the digital nature of my products, all sales are final, and refunds will not be issued. Please review all product details carefully before purchasing. If you have any questions or need clarification, feel free to reach out before completing your order.
š ļø Support
If you have any issues, feel free to reach out:
š§ Email: mehrajdesign@gmail.com
By clicking "Pay now," you authorize Polar Software, Inc., our online reseller and merchant of record, to charge your selected payment method the amount shown above, and agree to the Buyer Terms. This is a one-time charge.