Arch Carousel

Arch Carousel transforms a simple media slider into a dynamic, physics-driven experience with items that follow a beautiful parabolic arch. Built with a focus on smooth performance, infinite looping, and precise interaction, this component gives your website a cinematic and modern feel.

Cards glide across a curved path, auto-rotate with customizable speed and direction, and reveal elegant overlays on hover. Users can drag, swipe, or scroll to explore content naturally thanks to momentum physics and friction-based behavior.

Fully customizable—sizes, spacing, curvature, overlay styling, shadows, borders, fonts, videos, images, and more—making it a perfect fit for premium product pages, studio portfolios, creative hero sections, and interactive landing pages.

KEY FEATURES

• 🎢 Parabolic Arch Animation — Cards move along a 3D-like curved path for a premium visual feel.
• ♾️ Infinite Looping — Seamless continuous scrolling without jumps.
• 🎮 Drag & Swipe Physics — Realistic momentum, velocity decay, and friction.
• 🖱️ Wheel & Trackpad Support — Smooth horizontal controls for all devices.
• ▶️ Images + Videos — Supports both media types with auto-play videos.
• ✨ Hover Reveal Overlay — Beautiful gradient overlay with animated title & description.
• 🎨 Fully Customizable — Curve height, speed, layout, shadows, borders, fonts, colors.
• 🔮 Auto-Rotate Option — Enable or disable cinematic auto-scrolling.
• 📐 Responsively Aware — Reacts to container size for perfect layout in any frame.
• 🔧 Framer-native Controls — Clean, intuitive editing inside Framer.

IDEAL USE CASES

• Hero sections where movement enhances storytelling
• Product showcases for tech, fashion, devices, and digital goods
• Portfolio galleries for agencies and creators
• Featured collections on e-commerce pages
• App or SaaS landing pages with interactive media
• Case study navigation or project previews
• Aesthetic “looping background” galleries

BEST FOR

• Designers wanting a cinematic, dynamic UI element
• Portfolios looking for an interactive media slider
• Landing pages that need high-engagement visuals
• Modern brands showcasing visual content elegantly
• Teams that want a customizable carousel beyond the standard horizontal scroll