Paper Shredder

Drag a file into the shredder and it comes out in strips.

Library

UI Lab

Framework

React

Type

component

License

MIT

Install

npx shadcn@latest add https://lab.xevrion.dev/r/paper-shredder.json

Files

• src/lab/components/paper-shredder.tsx
• src/lib/use-reduced-motion.ts
• src/lib/cn.ts

Source

https://github.com/xevrion/ui-lab

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
• Transition Components
• React Transition Components
• Tailwind CSS Transition Components
• Animated Transition Components

More from UI Lab

• Balance Scale
• Bubble Wrap
• Elastic String
• Pull Cord Switch
• Pull To Refresh
• Sticky Note Peel
• Tear Off Calendar
• X Walkers
• Zipper Reveal
• Accordion
• Activity Timeline
• Announcement Banner