Media Reels

Show Preview
Media Reels
Media Reels

About Media Reels

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.

Video Carousel, Interactive Video Gallery, Motion Video Slider, Responsive Media Component, Framer Video Carousel, Portfolio Video Showcase, Modern Animated Carousel, Horizontal Video Scroller

From sherwin

Slider Parallax CMS
Speaker Orbit CMS
Swiper Slider CMS
Dual Slider Parallax

Related Components

Orbit Carousel 3D
Blur Slides
Glass Carousel
CMS Project Slider