Bring your web pages to life by turning standard images and ambient background videos into engaging, multi-layered visual experiences. Using smooth, scroll-driven motion mapping, this Framer component glides your background media at a different pace than your text as users move down the page, creating an elegant sense of depth.
Natural Depth & Motion: Uses smooth motion mapping with customizable speed and fluid dampening for a tactile, layered scrolling effect.
Flexible Media Support: Easily drop in high-resolution images or looping background videos that play automatically and silently.
9-Point Content Layout: Place your text and buttons exactly where you want them using a flexible alignment grid (top-left, center-center, bottom-right, etc.).
Single or Gallery Mode: Choose between a striking, single-media focal point or a dynamic, scroll-triggered gallery that cycles through a curated collection of images as the user explores the page.
Interactive CTA Buttons: Includes built-in hover styles (Filled, Outline, and Ghost) with subtle icon animations to boost engagement.
Framer-Native Controls: Adjust margins, alignment, and full typography styling directly from the Framer canvas without touching code.
Smooth & Reliable: Optimized with hardware acceleration and automatic fallbacks to ensure a clean, stutter-free browsing experience.
Bring your web pages to life by turning standard images and ambient background videos into engaging, multi-layered visual experiences. Using smooth, scroll-driven motion mapping, this Framer component glides your background media at a different pace than your text as users move down the page, creating an elegant sense of depth.
Natural Depth & Motion: Uses smooth motion mapping with customizable speed and fluid dampening for a tactile, layered scrolling effect.
Flexible Media Support: Easily drop in high-resolution images or looping background videos that play automatically and silently.
9-Point Content Layout: Place your text and buttons exactly where you want them using a flexible alignment grid (top-left, center-center, bottom-right, etc.).
Single or Gallery Mode: Choose between a striking, single-media focal point or a dynamic, scroll-triggered gallery that cycles through a curated collection of images as the user explores the page.
Interactive CTA Buttons: Includes built-in hover styles (Filled, Outline, and Ghost) with subtle icon animations to boost engagement.
Framer-Native Controls: Adjust margins, alignment, and full typography styling directly from the Framer canvas without touching code.
Smooth & Reliable: Optimized with hardware acceleration and automatic fallbacks to ensure a clean, stutter-free browsing experience.
