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.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Scroll Loop Inception to your project and fits it to your theme.

"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>
  )
}