Aura 3D Carousel
Elevate your Framer site with Aura. A flawless 3D carousel featuring 3 distinct modes: Coverflow, Stack, and Modern Slide. Enjoy mathematical infinite looping, smart glassmorphic controls, and zero bugs. Highly customizable and mobile swipe-ready
Role:
Creative Developer
Date:
Client:
Freelance
Stop settling for basic, glitchy carousels.Meet Aura 3D Carousel—the ultimate, high-end slider component engineered specifically for Framer. Designed for agencies, portfolio sites, and premium SaaS landing pages, Aura combines three distinct spatial layouts into one powerful component.
3 Unique Layout Modes included:
Coverflow: The classic, elegant 3D tilted effect. Perfect for showcasing apps or NFT galleries.
3D Stack: A deep, layered stack where cards dynamically scale and fade in the background.
Modern Slide: A clean, centered-focus layout with smooth opacity and scale transitions.
Why Aura is Different (The Premium Edge):
Flawless Infinite Looping: Built with a custom mathematical index algorithm. No more jumping or glitching when you reach the end of the items. It spins forever.
Smart Auto-Fill Images: Just drop your items in. Aura automatically forces your images/components to fit perfectly and allows you to control the Border Radius globally.
Intelligent UI Engine: Choose from 7 different arrow positions. If you select "Bottom Center," the pagination dots will automatically shift upwards to prevent overlapping!
Glassmorphism Controls: Includes highly refined, Apple-like frosted glass navigation arrows with customizable dual-drop shadows.
Mobile Optimized: Fully integrated with Framer Motion gestures for a buttery-smooth swipe/drag experience on phones and tablets.
How to use:
Drag the Aura Component onto your canvas.
Connect your desired components, images, or CMS items into the "Cards/Items" property.
Choose your Effect Style, tweak the styling via the right panel, and publish!
