Loader Iris Ring

block

A page preloader built around a ring gauge: the arc fills in uneven steps while images flash through its lens and four corner counters sync and go live. Then an iris opens from the lens and the ring flies into the logo in your nav.

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

Premium blocks for shadcn/uiShadcnblocks.com · AffiliateExplore

Registry Health Inspect

Loader Iris Ring – shadcn/ui Block by tween-ui | shadcnregistry

Registries
tween-ui
Loader Iris Ring

Loader Iris Ring

block

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

Premium blocks for shadcn/uiShadcnblocks.com · AffiliateExplore

gsap
@gsap/react
@number-flow/react

components/tweenui/loader-iris-ring.tsx

gsap
@gsap/react
@number-flow/react

components/tweenui/loader-iris-ring.tsx