Stack Flow Carousel

Stack Flow Carousel

About Stack Flow Carousel

A premium 3D stacked media carousel designed to create immersive scrolling experiences inside Framer. Perfect for portfolios, galleries, product showcases, fashion campaigns, creative studios, and modern landing pages.

Features

  • Infinite 3D depth scrolling effect

  • Smooth cinematic motion with damping

  • Mouse wheel interaction with auto-scroll support

  • Interactive hover expansion animations

  • Custom hover cursor with editable text

  • Supports both images and videos

  • SVG mask support for custom media shapes

  • Clickable media items with external links

  • Adjustable camera perspective and scene angles

  • Optimized WebGL rendering using Three.js

  • Responsive and fluid on all screen sizes

  • Premium layered carousel presentation

Customization Options

  • Upload unlimited images or videos

  • Add custom links to each media item

  • Adjust carousel depth spacing

  • Control visible stack count

  • Edit image width and height

  • Customize perspective and camera distance

  • Modify X and Y viewing angles

  • Fine-tune scroll speed and damping

  • Enable or disable auto-scroll behavior

  • Adjust hover gap spacing effect

  • Upload custom SVG masks

  • Customize hover circle colors and text

How to Use

  1. Add the component to your Framer canvas

  2. Upload images or videos inside the Media section

  3. Adjust carousel depth and spacing settings

  4. Customize camera angles for your desired perspective

  5. Add optional links to make media clickable

  6. Fine-tune animation speed and hover behavior

  7. Publish and showcase an immersive 3D experience