Tearable Reveal
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 con.
- Library
- ReactFrame
- Framework
- React
- Type
- component
- License
- MIT
- Dependencies
- clsx, tailwind-merge
- Install
npx shadcn@latest add https://reactframe.com/r/tearable-reveal.json- Files
registry/new-york/tearable-reveal/tearable-reveal.tsx
- Source
- https://github.com/AhmetLoca/reactframe-public
Categories
- Effect Components
- React Effect Components
- Tailwind CSS Effect Components
- Animated Effect Components
- Physics Toy Components
- React Physics Toy Components
- Tailwind CSS Physics Toy Components
- Animated Physics Toy Components
- Reveal Wrapper Components
- React Reveal Wrapper Components
- Tailwind CSS Reveal Wrapper Components
- Animated Reveal Wrapper Components