Loader Line Fold

block

A page preloader: the wordmark rises letter by letter while a hairline fills with a counter riding its tip. Once the page is ready the line travels to the middle, folds into a single point, and the page opens out of that point to every edge.

pnpm dlx shadcn@latest add "https://tween-ui.vercel.app/r/loader-line-fold.json"

Premium blocks for shadcn/uiShadcnblocks.com · AffiliateExplore

Registry Health Inspect

Loader Line Fold – shadcn/ui Block by tween-ui | shadcnregistry

Registries
tween-ui
Loader Line Fold

Loader Line Fold

block

pnpm dlx shadcn@latest add "https://tween-ui.vercel.app/r/loader-line-fold.json"

Premium blocks for shadcn/uiShadcnblocks.com · AffiliateExplore

gsap
@gsap/react

components/tweenui/loader-line-fold.tsx

gsap
@gsap/react

components/tweenui/loader-line-fold.tsx