PRO

Stacked Brand Cards

A services section where every card but the last pins at the same line and stays there until the outro reaches it, so the deck builds up in place instead of scrolling past. While a card is pinned its inner panel is pulled upward by an amount that grows with how many cards are still to come, which is what makes the pile compress from the bottom rather than simply overlapping. The intro heading is pinned across the whole run on a separate trigger, so it holds until the final card takes the line. GSAP ScrollTrigger and Lenis.

Component

Creating standout brands for startups that bring joy and leave lasting impressions.

Brand Foundation

The heart of your company's story. It shapes your vision, values, and voice, ensuring a clear and powerful impact in every interaction.

Brand Foundation

Design Identity

Your brand's visual fingerprint. It crafts a distinctive look that sparks recognition and builds emotional connections with your audience.

Design Identity

Digital Presence

Our web solutions combine cutting-edge design and seamless functionality to create experiences that captivate and inspire your audience.

Digital Presence

Product Design

We craft user-first products that are both functional and visually appealing, delivering solutions that leave a lasting impression.

Product Design

Let's build a brand that leaves a mark.

Install
npx shadcn@latest add https://ui.aryank.space/r/stacked-brand-cards.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
cardsStackedBrandCard[]4 BLANK servicesTitle, copy, image, and background per card. The last card does not pin, it scrolls over the pile.
heroImagestringBLANK heroOpening full-bleed image.
embeddedbooleantrueOwn the scroll container. Set false to drive it from the window scroll.
Customize
introHeadingtext

The pinned line above the deck.

outroHeadingtext

Closing line that releases the pins.

Dependencies
gsaplenis