design-infraReport a problem or share feedback← Catalog
Shredder
freereact-bits/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.
$
npx shadcn@latest add @react-bits/Shredder-TS-TWnpm deps: react-dom
- Source
- React Bits
- Kind
- component
- Categories
- misc
- Use as
- drop-in — replaces your component
- Applies to
- misc
- Motion
- on drag, enter · subtle · canvas · high cost · respects reduced motion
- Tags
- micro
- Licence
- MIT + Commons Clause: free to use in commercial apps/sites, but you may not sell or redistribute the components themselves (alone, bundled, or ported). React Bits Pro is a separate paid product.
- Live demo
- www.reactbits.dev
- Docs
- www.reactbits.dev
Similar
Compare all 4 →- Swipe Rowreact-bits/swipe-rowList row that swipes open to reveal actions, snaps by flick velocity, and deletes on a full swipe that stretches the action colour across the row.
- Liquid Metalsmoothui/liquid-metalA LiquidMetal component for SmoothUI.
- Comet Dialreact-bits/comet-dialTick-ring dial you flick by angle: the reading launches on a spring and a velocity-driven comet streaks behind the lit head, trailing the direction of travel and vanishing at rest.