Intro Loader

ui

A page-load intro that counts to 100 with the real loading while a flipbook of your work plays in a small frame, then grows the last image into its place on the page. It doesn't fade out: its last frame is the page's first.

pnpm dlx shadcn@latest add "https://keyframeui.com/r/intro-loader.json"

Sign In

Intro Loader

ui

A page-load intro that counts to 100 with the real loading while a flipbook of your work plays in a small frame, then grows the last image into its place on the page. It doesn't fade out: its last frame is the page's first.

pnpm dlx shadcn@latest add "https://keyframeui.com/r/intro-loader.json"

utils

components/ui/intro-loader.tsx

utils

components/ui/intro-loader.tsx