PaperCrumple

component

An image that crumples into a textured 3D sheet while held and follows the grabbed point as you drag. Release it as a crumpled ball, unfold it flat, or leave the paper creased, with customizable folds, paper grain, lighting and shadows.

pnpm dlx shadcn@latest add "https://reactbits.dev/r/PaperCrumple-JS-CSS.json"

Sign In

PaperCrumple

component

An image that crumples into a textured 3D sheet while held and follows the grabbed point as you drag. Release it as a crumpled ball, unfold it flat, or leave the paper creased, with customizable folds, paper grain, lighting and shadows.

pnpm dlx shadcn@latest add "https://reactbits.dev/r/PaperCrumple-JS-CSS.json"

three@^0.180.0

@components/PaperCrumple.css

three@^0.180.0

@components/PaperCrumple.css