Welcome in.

Press replay to watch it again.

Motionisthelanguageofchange.

—

Loading00%

Controls

durations

exit

background

color

accent

showCounter

Preloader

Full-screen loader with a counting percentage and rotating quotes that reveals the page at 100%.

Open in v0

$ pnpm dlx shadcn@latest add @tweenly/preloader

import { Preloader } from "@/components/preloader"

export function Demo() {
  return (
    <Preloader quotes={quotes}>
      {/* your page */}
    </Preloader>
  )
}

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