CurvedCarousel

CurvedCarousel

About CurvedCarousel

About this component 🎛️

An immersive carousel displays content in a cylindrical, depth-rich layout. Items form a circular ring rotatable via drag or auto. Supports images/videos, customizable styles, and optional lightbox mode.

Key Features ✨

  • 3D cylindrical layout with adjustable radius and perspective depth

  • Multiple interaction modes: drag-to-rotate, trackpad scrolling, and clickable indicators

  • Auto-play rotation with configurable speed

  • Smooth momentum-based physics for natural drag interactions

  • Customizable fade effects (gradient or blur) on carousel edges

  • Lightbox overlay for full-screen media viewing with navigation controls

  • Support for both manual items (images/videos) and Framer component children

  • Configurable indicators with custom colors, sizes, and positioning

  • Title overlays with customizable fonts, colors, and positioning

  • Hover effects and shadow styling options

  • Seamless looping with repeat count control

Perfect for 🔥

Product showcases and portfolio galleries, including image and video presentations, feature highlights, testimonials, interactive media galleries, marketing landing pages, creative agency websites, e-commerce product displays, event photo galleries, brand storytelling experiences, and any project that needs engaging, interactive content with depth and motion.

Questions❓

If you have any questions or need clarification, feel free to reach out before completing your order. hello@8ighty8.studio

Follow me on X @8ighty8studio