Create Cinematic Horizontal Team Scrollers with Framer & GSAP

Create Cinematic Horizontal Team Scrollers with Framer & GSAPCreate Cinematic Horizontal Team Scrollers with Framer & GSAP

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

sherwin hermogenes

• 1d

Team Member Scroller · Horizontal Scroll Team Scroller

A horizontal-scroll team component for Framer using GSAP ScrollTrigger. Maps vertical scroll to track movement with velocity-based card skew effects, immersive media/text overlays, cinematic video lightboxes, and a performance-isolated design canvas.

https://framer.link/rO06jHC #framer #framercomponent

Nirav Jivani

pro

• 2d

Designed a scroll animation gallery that thinks like a camera Each photo reveals itself through a lens focus pull starting blurred and zoomed, snapping into sharp clarity, then softening again as the next frame takes over. The whole gallery runs on a single sticky scroll. Inside the lens: sharp image. Outside the lens: blurred world.

Would this make you stop scrolling?

Framer Figma

Abdul Rehman

pro

• 2d

Very impressive.

Oleksii Sandul

• 2d

How Horizontal Scroll Works

Projects page displays images in a continuous horizontal flow. See 3-4 project photos at the same time on desktop. Compare details, materials, light across different perspectives.

One image tells you the form. Four images tell you the building.