design-infraLiquid Metal vs similar
2 options side by side. Our @design-infra pieces render live under the design system you choose; upstream pieces show their live demo where the host allows embedding, otherwise a screenshot with a link to the real thing. Pick or pass, then copy the feedback for your agent.
- drag · enter — subtledrop-inRefinedExperimentalPlayful
canvas · high cost · respects reduced motion
A list with a paper shredder at the bottom. Drag a row into the slit and the rollers tug it in, pull it through and cut it into strips that curl out underneath, tumble away and fade out. The rest of the list settles down on a spring and the shredded item is handed to you to delete.
$npx shadcn@latest add @react-bits/Shredder-TS-TW - drag · enter — mediumdrop-inRefinedExperimentalPlayful
motion · medium cost · respects reduced motion
List row that swipes open to reveal actions, snaps by flick velocity, and deletes on a full swipe that stretches the action colour across the row.
$npx shadcn@latest add @react-bits/SwipeRow-TS-TW
Feedback for your agent
Pick or pass on each option (add a reason if you like), then paste this back into your agent's chat.
From design-infra compare — Liquid Metal vs similar: (no picks yet) Compare: https://www.owencoonahan.xyz/design-infra/compare?ids=react-bits/shredder,react-bits/swipe-row&label=Liquid+Metal+vs+similar