Endless Side Story
A whole editorial page laid out sideways and looped. The section run is cloned two sequences either side of the original and the track jumps a full sequence whenever it drifts past the halfway guard, so scrolling never reaches an end in either direction. The progress bar and counter read position modulo one sequence and snap rather than ease across the wrap, so the bar never runs backwards through the whole width.
0
Once You Start Scrolling, There's No Way Out!
What If Your Website Could Scroll Forever?
Traversing the frontier of digital evolution, crafting the future.
In a world shaped by velocity and precision, we engineer the next generation of experiences. From hyper-intelligent design to immersive narratives, our creations defy convention, challenging the boundaries of form and function.
Propelled by data, intuition, and creativity, we build ecosystems where the digital and physical seamlessly converge. Our work isn't just visual, it's visceral, experiential, and profoundly transformative.
Future Architectonics
Digital Alchemy
Neoteric Identities
Cinematic Realities
Symphonics
horizons.com
npx shadcn@latest add https://ui.aryank.space/r/endless-side-story.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 |
|---|---|---|---|
| heroImage / aboutImage / bannerImage / conceptImage | string | Blob-hosted images | The four full-height photographic panels. |
| introHeading / headerHeading / aboutHeading / storyHeadings / outroHeading | string / string[] | BLANK copy | Copy for each panel in the sequence. |
| smoothFactor | number | 0.05 | How hard the track eases toward the scroll target. |
storyHeadings / aboutParagraphstextThe editorial copy across the sideways run.