Drag Timeline Scroll
A five-screen horizontal layout driven by a draggable scrubber riding a tick-mark timeline along the bottom edge, easing the whole page sideways as you drag.
Beyond the Veil, Threads Woven from the Shadows of Tomorrow is launching soon
In a world frayed at the edges, our garments emerge as relics of a darker future, meticulously crafted to withstand the relentless passage of time. Each piece is a testament to survival, an amalgamation of rugged functionality and stark beauty. Embrace the abyss with our latest collection, where fashion transcends mere aesthetics and becomes a fortress.
Our designs whisper tales of a forgotten society, echoing through the threads of each garment. Dive into the depths of desolation with us; adorn yourself in the remnants of a world where every stitch counts and each fabric tells a story of resilience. Join us in wearing the armor of the foregone, forging ahead into the dystopian night.
Echoes of Rebellion, Couture Crafted for the Last Stand
In the shadows of crumbling skyscrapers and forgotten streets, our fashion emerges as a beacon of defiance. Each piece in our collection is forged in the fires of rebellion, designed for the brave souls who dare to stand against the tide of conformity.
Join the resistance styled in the essence of upheaval. Our creations are not just worn; they are wielded, each fabric, each seam imbued with the power of resilience. As the world edges closer to the precipice, clad yourself in our designs and become an icon of the revolution.
[Drag]
npx shadcn@latest add https://ui.aryank.space/r/drag-timeline-scroll.jsonInstalls from ui.aryank.space. To add it by hand, copy the files in Usage below, or register the @compronents namespace via the docs.
| Prop | Type | Default | Description |
|---|---|---|---|
| images | string[] | 9 BLANK-hosted JPGs | Images split into three horizontal screens. |
| firstSection / fourthSection | { heading: string; body: string } | source-inspired copy | The two text screens; body paragraphs split on blank lines. |
| dragLabel | string | "Drag" | Label inside the timeline scrubber. |
imagesasset-urlThe nine editorial images across three screens.
firstSection / fourthSectiontextareaHeading and body copy of the two text screens.
gsap