Astra

Paper Crumple

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

Paper Crumple, a Astra 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 Astra 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.