Space
Other
Hero
Scroll React
Free
The above section showcases a fun video background that reacts to the scroll. Layered on top is text where you can add a message to your viewers. Even add buttons to the region for special click actions. Background videos that respond when a viewer scrolls is a fun way to make your site interactive without being distracting.
scroll-react-component.rsdopens in Site Designer
Your download should be starting
Here's what to do next.
- Find scroll-react-component.rsd in your Downloads folder.
- Open it in Site Designer — components import straight onto the canvas.
Don't have Site Designer yet? Get Site Designer (opens in a new tab)
Details
Specifications
Type
Hero
Framework
Frameworkless
License
CoffeeCup Component License
Value
Why you'll like it
- The above section showcases a fun video background that reacts to the scroll.
- Layered on top is text where you can add a message to your viewers.
- Even add buttons to the region for special click actions.
Get started
How to add it to your canvas
Step 1
Download the component file.
Step 2
Open it in Site Designer — components import straight onto the canvas.
Step 3
Customize and publish — need help?Read the Site Designer Guide.
Keep exploring
Similar components
Go further
Need a full site, not just a block?
Browse Site Templates for a complete starting point, or get every premium component in the Component Pack.
Explore Site Templates