Components
Scroll Loop Inception
A scroll section where the page falls into itself: your landing renders inside its own browser window, and scrolling dives through level after level on an exponential zoom path that wraps seamlessly, so the descent never ends. The browser bars stay hidden until the dive starts, copy rotates per level, and it is one transform driven by scroll. Inspired by the inception scroll moment on the Forge landing page by ui8.ai (ui8.ai/forge), taken further into an endless loop.
"use client"
import { ScrollInception } from "@/components/ui/scroll-loop-inception"
export default function ScrollLoopDemo() {
return (
<div className="w-full">
<ScrollInception />
<div className="flex h-[40vh] items-center justify-center bg-[#F3EFE6] font-mono text-[11px] tracking-[0.12em] text-[#6E675C]">
out of the loop
</div>
</div>
)
}