Welcome in

Press replay to watch it again.

Loading00%

Controls

variant

durations

columns

background

color

accent

ease

exitDurations

label

showCounter

Page Loader

Website intro loader orchestrated with GSAP timelines. Five exits: staggered stairs, rolling odometer, flashing greetings with a curved sweep, an iris that opens from a tick dial, and blinds.

Open in v0

$ pnpm dlx shadcn@latest add @tweenly/page-loader

import { PageLoader } from "@/components/page-loader"

export function Demo() {
  return (
    <PageLoader>
      {/* your page */}
    </PageLoader>
  )
}

Updates live as you change the controls. Only non-default props are included.