Transform Your Website with Interactive Scroll Box StripTransform Your Website with Interactive Scroll Box Strip
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Dhruv's avatar
Dhruv Sheladiya
• May 27
Elevate your site's storytelling with the Scroll Box Strip. This highly engaging component pins to the screen and transforms your visuals into horizontal slices that react directly to the user's scroll. Preview link: https://www.framer.com/marketplace/components/scrollboxstrip/
About this Component
How to Use
Getting this cinematic effect running on your Framer site takes less than two minutes:
Add to Canvas: Drag and drop the Scroll Box Strip component onto your page.
Set Layout Size: Set both the width and height properties to Fixed (recommended sizing is 100% width and 100vh height to let it command the full screen).
Upload Your Visuals: In the properties panel, upload your primary image into Layer 1. For Layer 2, choose whether you want to transition into a solid brand Color or a secondary Image, then upload/select your asset.
Customize Typography: If Labels are enabled, type your custom text for the left and right background tracks (e.g., "Scroll Down" and "Scroll Up") and style them using the built-in font configuration tool.
Fine-Tune the Motion: Adjust the Count slider to change the number of horizontal slices, and tweak the Scrub and Scroll values to make the transition feel heavier or faster depending on your page's pacing.
Key Features:
Fully Responsive: Adapts seamlessly across desktop, tablet, and mobile layouts.
Production-Ready: Optimized for fast loading speeds and smooth interactions.
Easy Integration: Just copy, paste, and tweak the styles to match your brand in seconds.
Perfect for designers and developers looking to elevate their Web design workflow without writing a single line of code.
👉 Get it here on Contra: https://contra.com/payment-link/Y0zu4x3b-scroll-box-strip
Framerframermarketplacecomponent

framer.com

ScrollBoxStrip: Premium Interactions Component by Dhruv Sheladiya — Framer Marketplace

Elevate your site’s storytelling with the Scroll Box Strip. This highly engaging component pins to the screen and transforms your visuals into horizontal slices that react directly to the user’s scroll.

Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started