PRO

Cross Reveal Scroll

A pinned scroll sequence that resolves onto a single white cross. As you scroll it rotates a full turn, its two bars widen from thin slits into solid quadrants, drifts to center, then scales up more than tenfold to wipe the screen and reveal the closing statement. GSAP ScrollTrigger with Lenis.

Component

Symphonia

Motion

Stills

A studio built on tempo. We shape moving identities and still frames that hold their nerve, letting rhythm decide what the eye lands on first.

Frame 1
Frame 2
Frame 3
Frame 4

Every project resolves to a single mark: the moment the motion settles and the frame is finally still.

Install
npx shadcn@latest add https://ui.aryank.space/r/cross-reveal-scroll.json

Installs from ui.aryank.space. To add it by hand, copy the files in Usage below, or register the @compronents namespace via the docs.

Files

API
PropTypeDefaultDescription
brand / headerRows / intro / outrostring / [string, string] / string / stringBLANK editorial copyHero wordmark, banner rows, paragraph, and closing line.
images / heroImage[string, string, string, string] / stringFive BLANK-hosted imagesFour-up image strip and the hero backdrop.
embeddedbooleantrueOwn the scroll container; set false to ride the window scroll.
Customize
brand / headerRows / outrotext

Hero wordmark, the two banner rows, and closing line.

intro / imagestext

Editorial paragraph and the four-up image strip.

heroImageasset-url

Fullscreen hero backdrop.

Dependencies
gsaplenis