Tearable Reveal

component

A physically-simulated cloth intro reveal, drag to tear open a torn-paper layer covering an image, with breakable constraints, particle debris, frayed jagged/rounded edges, and optional surface text or logo. Includes Auto Tear and Reset controls.

pnpm dlx shadcn@latest add "https://reactframe.com/r/tearable-reveal.json"

Premium blocks for shadcn/uiShadcnblocks.com · AffiliateExplore

Registry Health Inspect

Tearable Reveal – shadcn/ui Component by reactframe | shadcnregistry

Registries
reactframe
Tearable Reveal

Tearable Reveal

component

pnpm dlx shadcn@latest add "https://reactframe.com/r/tearable-reveal.json"

Premium blocks for shadcn/uiShadcnblocks.com · AffiliateExplore

clsx
tailwind-merge

components/tearable-reveal.tsx

clsx
tailwind-merge

components/tearable-reveal.tsx