Dev Design Library

Shredder

A list with a paper shredder at the bottom. Drag a row into the slit and the rollers tug it in, pull it through and cut it into strips that curl out underneath, tumble away and fade out. The rest of the list settles down on a spring and the shredded item is handed to you to delete.

Shredder preview
Library
React Bits
Framework
React
Type
component
License
Commons-Clause+MIT
Install
npx shadcn@latest add @react-bits/Shredder
Files
  • src/content/Micro/Shredder/Shredder.css
  • src/content/Micro/Shredder/Shredder.jsx
Source
https://github.com/DavidHDev/react-bits

Categories

More from React Bits