Dev Design Library

Paper Shred Button

Hover Delete and a page appears above it. Click and the page clips away while paper strips draw in below. After a few seconds it resets so you can shred again.

Paper Shred Button preview
Library
uselayouts
Framework
React
Type
component
License
MIT
Dependencies
clsx, motion, tailwind-merge
Install
npx shadcn@latest add https://uselayouts.com/r/paper-shred-button
Files
  • registry/default/example/paper-shred-button.tsx
  • lib/utils.ts
Source
https://github.com/iurvish/uselayouts

Categories

More from uselayouts