Scatter Deck

Best for hero sections that want to create delight and surprise — hackathon pages, creative portfolio landing screens, or component library showcases where interactivity itself is the message. High engagement, high memorability.

The drag area is constrained to the container ref so cards never escape the viewport. Spring physics (bounce: 0.4) feel natural — avoid setting higher bounce values as cards become chaotic. The Asterisk icons use animate-spin-slow which requires a custom Tailwind animation.

Draggable interfaces create a sense of physical ownership — users feel they're interacting with something real. This emotional engagement makes the Uilora brand memorable in a crowded market.