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.
- enter — mediumdrop-inRefinedExperimentalPlayful
css · low cost
Interactive folder opens to reveal nested content smooth motion.
$npx shadcn@latest add @react-bits/Folder-TS-TW - 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
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/folder,react-bits/shredder&label=Liquid+Metal+vs+similar