React Bits

Paper Crumple

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

Paper Crumple, a React Bits component

Use Paper Crumple 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/PaperCrumple-TS-TW
How to install React Bits components

Related components

  • Hold Button

    Hold-to-confirm button whose liquid fill rises while pressed and snaps back if you let go.

  • Comet Dial

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

  • Scrub Field

    Number chip you drag to scrub, with rubber-band limits and click to type.