The Dynamic Media Reels Carousel is an interactive, physics-based presentation component for Framer. It is designed to provide an engaging, app-like experience for showcasing mixed-media content, including images, local MP4 videos, and YouTube embeds.
Features
Multi-Media Support: Easily render Images, local MP4 Videos, and embedded YouTube content within a unified carousel structure.
Advanced Motion Engine:
Transition Effects: Choose between standard sliding or a premium 3D-Cards effect.
Dynamic Transformations: Apply customizable Parallax, Skew, and Tilt effects to create depth and engagement.
Interactive Physics: Fine-tune the "feel" of the carousel with parameters for drag power, animation smoothness, and active card scaling.
Flexible Layouts:
Supports traditional overlay info panels (text over the image) or below layout (info panel positioned underneath the media).
Fully customizable card geometry, including border-radius, card gaps, and shadow intensity.
Interactive Playback & Navigation:
Optional Autoplay with configurable speed and loop settings.
Robust navigation controls: Keyboard support, mouse-wheel scrolling (with invert/speed options), and a custom Floating Action Button (FAB) for play/pause.
Includes a full-screen light-box mode for deeper media engagement.
Styling & Design System:
Dedicated control over typography (font family, weight, size, line-height, etc.) for both card titles and descriptions.
Extensive color configuration for UI elements, including gradients for info panels, button states (hover/active), and control bars.
Customizable cursor interactions (Drag/Close indicators) for improved user experience.
The Dynamic Media Reels Carousel is an interactive, physics-based presentation component for Framer. It is designed to provide an engaging, app-like experience for showcasing mixed-media content, including images, local MP4 videos, and YouTube embeds.
Features
Multi-Media Support: Easily render Images, local MP4 Videos, and embedded YouTube content within a unified carousel structure.
Advanced Motion Engine:
Transition Effects: Choose between standard sliding or a premium 3D-Cards effect.
Dynamic Transformations: Apply customizable Parallax, Skew, and Tilt effects to create depth and engagement.
Interactive Physics: Fine-tune the "feel" of the carousel with parameters for drag power, animation smoothness, and active card scaling.
Flexible Layouts:
Supports traditional overlay info panels (text over the image) or below layout (info panel positioned underneath the media).
Fully customizable card geometry, including border-radius, card gaps, and shadow intensity.
Interactive Playback & Navigation:
Optional Autoplay with configurable speed and loop settings.
Robust navigation controls: Keyboard support, mouse-wheel scrolling (with invert/speed options), and a custom Floating Action Button (FAB) for play/pause.
Includes a full-screen light-box mode for deeper media engagement.
Styling & Design System:
Dedicated control over typography (font family, weight, size, line-height, etc.) for both card titles and descriptions.
Extensive color configuration for UI elements, including gradients for info panels, button states (hover/active), and control bars.
Customizable cursor interactions (Drag/Close indicators) for improved user experience.
sherwin hermogenes
