MARKETPLACE
PLUGINS
PARALLAX IMAGE/VIDEO
Parallax Image/video logo

Parallax Image/video

Published February 2022
   •    Updated August 2025

Plugin details

What Is Parallax Scrolling Effect? Parallax scrolling is a stunning scroll effect that makes an element scroll at a different speed than the page scroll.
These effects can be viewed on mobile devices too. The plugin allows to adjust settings to set whether parallax effects or videos will be seen on mobile devices and in certain browsers.
Parallax Scrolling Effect is typically used in the modern web design where the background image scroll slower than the foreground when the user scrolls down the webpage.

Features:
- Supports applying parallax effect to images and videos.
- Supports mobile devices.
- The ability to choose different effects when scrolling: scroll, scale, opacity, scroll-opacity, scale-opacity
- Ability to adjust parallax speed
- Video settings: select start and end of video, loop video, lazy load video.
- The ability to force disable the parallax effect and download videos on some devices
- Choose to respect or not respect the original proportions of images and videos
and other

Tested Browsers:
Latest browsers on Mac and Windows (Chrome, Firefox, Safari, Edge)
Latest Chrome on Android
Latest Safari on iOs

Installation:
Place the element "Parallax-img/video" on the page and make settings.

Demo:
For details and demos please visit the plugin page at:
https://plugin-preview-3.bubbleapps.io/version-test/parallax_img_video

Plugin Page:
https://mindforapps.com/plugin_details/parallax-img-video


Support
If you have questions, reach out to us at [email protected]

We appreciate your reviews and suggestions.

$15

One time  •  Or  $5/mo

2.0 stars   •   2 ratings
43 installs  
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

Mind For Apps logo
Mind For Apps
Joined 2018   •   33 Plugins
View contributor profile

Instructions

Place the element "Parallax-img/video" on the page. Connect "Image source" or "Video source". If necessary, make additional settings.
Detailed settings you can find on our demo page.

Types

This plugin can be found under the following types:
Background Services   •   Element   •   Action

Categories

This plugin can be found under the following categories:
Containers   •   Mobile   •   Video   •   Media   •   Image   •   Visual Elements

Resources

Support contact
Documentation
Tutorial

Rating and reviews

Average rating (2.0)

Works well, but not responsive
March 15th, 2023
In order to be useful, this needs to be responsive, so that it can fit dynamically depending on parent size. Right now you can only use it in fixed element, which is quite useless in modern applications. Can you please add the possibility to do this? Thank you.
Lack of Documentation
December 30th, 2022
Trying to simply make an image cover the screen width is impossible. The documentation with the settings is incomplete and unhelpful. I've spent hours toying with settings to try to get settings that will result in an image that spans the full width of the screen (without cropping out part of the image). Good luck if you give this a go yourself.
It's too bad you didn't even try to contact us. Look carefully at the demo page there is an example where the image covers the entire width of the page. To get the parallax effect, we need to enlarge the image in the container, otherwise we will not be able to see this effect when scrolling. So you need to choose a more suitable image. It is desirable that there is space around the edges that will be cut off (hide outside the container) when zooming in. This is not a plugin problem, but the specifics of getting the parallax effect.
January 6th, 2023
  •  
Mind For Apps
Thank you for replying. I posted the comment not to get help but to share my experience so the support material can be improved. I looked carefully at the demo. I couldn't figure it out. Some written documentation would probably help. As the creator you have the curse of familiarity. Please "don't make me think" and consider more support material that makes it easier to understand.
January 6th, 2023
  •  
Original reviewer
Bubble logo
Product
AI
Mobile
Design
Data
Logic
Collaboration
Security
Status
Release notes
Bubble for
Founders
Developers
Agencies
Enterprise
Discover
How Bubble works
Examples
Pricing
Learn
Academy
Technical guides
Blog
How to build
Coaching
Resources
Connect to AI
Marketplace
Templates
Plugins
Experts
Bootcamps
Certification
Partnerships
Affiliates
Figma to Bubble
Community
Bubble community
Forum
Newsletter
Immerse
Early access
Store
Company
About
Careers
Brand guidelines
Support
Contact us
Legal
Terms
Privacy
©  2026, Bubble Group, Inc. All rights reserved.
Bubble
Pricing
Enterprise
Contact sales