React Bits

Shredder

A list with a paper shredder at the bottom that cuts dragged rows into curling strips.

Shredder, a React Bits component

Use Shredder in your project

Choose JavaScript or TypeScript and plain CSS or Tailwind. Enable JavaScript for the interactive preview, customization controls and source tabs.

npx shadcn@latest add @react-bits/Shredder-TS-TW
How to install React Bits components

Related components

  • Swipe Row

    List row that swipes open to reveal actions and deletes on a full swipe.

  • Paper Crumple

    An image that crumples into a textured 3D sheet while you hold and drag it.

  • Comet Dial

    Tick-ring dial you flick by angle, with a comet that streaks behind the lit head.