Resources
Desktop app
Marketplace
Community
Developers
Wallpapers
Meetups
Company
Security
Careers
Report
Status
Legal
Blog
Creators
Program
Payouts
Experts
Awards
Events
Brand
Compare
Squarespace
Wordpress
Unbounce
Webflow
Figma
Wix
Solutions
Figma to HTML
Website builder
Portfolio maker
Landing pages
UI/UX design
No-code
Socials
Instagram
X Twitter
YouTube
LinkedIn
Threads
TikTok
    Component preview thumbnail
    MarketplaceComponents

    Scroll Fade

    Scroll Fade In & Out is a component that allows you to add a video or image in the background that appears when you scroll and disappears when you stop scrolling.

    Milo Blanchard
    Milo Blanchard
    Creator
    3w ago
    Updated
    19
    Installs
    Milo Blanchard
    Milo Blanchard
    Creator
    3w ago
    Updated
    19
    Installs

    Made with Workshop

    Build your own component with AI


    Scroll Reactive Background Video or Image

    Bring your pages to life with a background video or image that reacts to user scroll.

    • The video fades in while scrolling.

    • It fades out smoothly when scrolling stops.Perfect for adding a dynamic, immersive touch without distracting from your main content.

    Instructions

    • Add your video or image.

    • Adjust the fade in & out duration.

    Support
    Framer
    EnterprisePricing
    Log inSign up
    Enterprise
    Pricing
    Log in
    Sign up
    Marketplace
    TemplatesPluginsComponentsVectors
    Templates
    Plugins
    Components
    Vectors
    About Components
    Refund Policy
    Contact Creator

    More Components

    See All →
    Thumbnail for Vinyl Audio Player, a Framer Marketplace template by Nabeel.
    Vinyl Audio Player
    $9
    Nabeel
    Thumbnail for CMS Sliding Stack, a Framer Marketplace template by Framer Master.
    CMS Sliding Stack
    $8
    Framer Master
    Thumbnail for Solari Board , a Framer Marketplace template by Stōkt Creative Co..
    Solari Board
    $10
    Stōkt Creative Co.
    Thumbnail for Loading Spinner, a Framer Marketplace template by Sajjad Mo Nia.
    Loading Spinner
    Free
    Sajjad Mo Nia
    Thumbnail for ClipPath Text Flow, a Framer Marketplace template by Louisa Y.
    ClipPath Text Flow
    $5
    Louisa Y
    Thumbnail for Milestone Timeline, a Framer Marketplace template by Aviral Lakhanpaul.
    Milestone Timeline
    $9
    Aviral Lakhanpaul
    Thumbnail for Spinning Wheel, a Framer Marketplace template by Vlad Sydor.
    Spinning Wheel
    Free
    Vlad Sydor
    Thumbnail for Ripple/Radar Pulse, a Framer Marketplace template by Artyum Grebenyuk.
    Ripple/Radar Pulse
    $5
    Artyum Grebenyuk