Ring Carousel Scroll

Ring Carousel Scroll

About Ring Carousel Scroll

Want to create those premium websites where cards rotate around a beautiful 3D ring as visitors scroll or autoplay?

Ring Carousel Scroll brings that experience to Framer, easy to use, no custom scripts, or external libraries.

Create stunning 3D image, video, or component carousels that rotate smoothly based on page scroll or continuous autoplay. Every card is fully customizable, allowing you to use images, videos, or even your own Framer components while controlling perspective, ring size, lighting, tilt, rotation, and interactions directly from the property panel.

Perfect for portfolios, creative agencies, photographers, product showcases, fashion brands, SaaS websites, case studies, galleries, testimonials, featured products, and landing pages t

What Makes This Different?

Most 3D ring carousel components lock you into predefined image or video slots. If you want to use a custom card design, rich layouts, buttons, badges, or interactive content, you're often out of luck.

This component lets you place any Framer layer or component directly into the carousel. Design your cards exactly as you would anywhere else in Framer, add images, videos, text, buttons, hoCMS content, pricing cards, or completely custom layouts then simply connect them to the carousel.

Instructions

Simply copy the component into your project, add images, videos, or any Framer layer, customize settings like autoplay or scroll rotation, and publish.

Features

  • Built 100% compatible with Framer

  • No Code Required

  • Responsive on Desktop, Tablet & Mobile

  • Scroll-Controlled 3D Rotation

  • Continuous Autoplay Mode

  • Drag to Rotate

  • Momentum Drag Physics

  • Pause on Hover

  • Supports Images, Videos or any Framer layer

  • Supports Connected Framer Components

  • Fully Editable Property Controls

  • Adjustable Perspective & Ring Size

  • Custom Tilt & Rotation

  • Optimized Performance

  • Zero External Libraries

Made with by Soyeb

Have questions or need a custom Framer component? Reach out at heysoyebali@gmail.com