Skip to content

component

Undertow

By DariStudio

Details

Summary

Undertow turns a set of photos into a scroll-driven stack.

Description

Undertow turns a set of photos into a scroll-driven stack. Each card pins to the top of the viewport, and as the next one arrives, the pinned card is pulled underneath — scaling down, lifting slightly, dimming — like a wave folding under the next. No frames to build, no layers to wire up. Add photos straight in the panel, give each one a title and a caption, and the cards are ready: text sits on a gradient scrim that keeps it readable on any image. Stack Gap makes buried cards peek out above the active one in a neat cascade. Everything about the fold is tunable — how much cards shrink, lift, and dim, how much scroll each card holds, where the stack pins. Built clean: scroll listeners exist only while the stack is near the viewport, so long pages stay fast.

Introduction

Cards pulled under as you scroll

Rank history

Daily rank per list, from the first snapshot — lower is better.

11001200126728/148/228/309/79/15
  • All · #2550