Scroll effect

Assembly Icon-to-Text Scroll Animation

by Vanguardia · motionprompts.dev

A pinned hero for the 'Assembly' creative workspace, driven by a single scrubbed ScrollTrigger (smoothed with Lenis). As you scroll, the wordmark fades out, a bottom row of five flat app tiles (built as inline SVG) rises with a staggered offset, gathers to center while scaling down, the background flips from near-black to warm paper, the tiles are cloned and flown one-by-one into inline placeholders inside a headline, and the headline words fade in one at a time in a shuffled order.

Type: Web motion
Framework: GSAP
Trigger: scroll
Duration: 0.2–0.3s

Save with a free account Customize for your product

Live demo ↗

Motion spec · measured by motionprompts.dev

Engine: gsap
Complexity: 3/5
Pinned: yes
Reduced motion: not handled
Libraries: gsap, ScrollTrigger, lenis

scrubbed pinned icons fly into headline

The build prompt

From motionprompts.dev

Creator's promptVanguardia · motionprompts.dev19,379 charsCustomize

# Icon-to-Text Pinned Scroll Story (GSAP + Lenis)

## Goal

Build a full-screen pinned hero section driven by a single scrubbed ScrollTrigger: a bottom row of f…

The build prompt

More like this

A one-line prompt for an inference startup launch

UX Decision Explainer Animation

Motion Design Showreel Reaction Video

SaaS launch video for a product Opus picks

Product video for Distilbook

Squad.so SaaS Launch Video

Fresh recipes, every week.