About Scroll Team Showcase
Scroll Reveal Showcase – Scroll-Driven Image & Text Animation
A scroll-driven showcase that reveals images from the center while names and roles transition between entries. As you scroll, each image expands into view, the text rolls to the next item, and a progress line tracks your position. Ideal for portfolios, creative studios, team showcases, and editorial storytelling.
What you get
Full source code (.tsx), ready to paste
Framer component with editable property controls
Scroll-driven image and text transitions
Free lifetime updates
Support within 24 hours
Customizable
Content: add images, names, and roles for each entry
Colors & Fonts: background, text, progress color, name typography, and counter typography
Image Layout: aspect ratio, image size, corner radius, side padding, and vertical position
Counter & Progress: show or hide the item counter and progress line, adjust line thickness and counter spacing
Canvas Preview: choose a static preview position in the Framer canvas
How it works
Paste the component code into Framer
Add it to your canvas and set its width to 100% and height to Fit
Add your images, names, and roles in the properties panel
Scroll through the published page to experience the transitions
Good to know
Code component for Framer, not a standalone download
Uses Framer Motion; no additional libraries to install
The live component creates a tall scroll section with a sticky, viewport-height display
Scroll and resize listeners run only while the component is near the viewport
The canvas displays a static preview for easier positioning
Avoid parent containers with
overflow: hidden, as the scroll-driven effect needs room to work
License: Unlimited personal and client projects. No resale or redistribution.
Refunds: Not working? Email us first and we’ll fix it within 24 hours. If we can’t, you get a full refund.
Questions? support@russetsupply.com
