Dev Design Library

Bucket

An interactive card component that simulates a bucket where chips are tossed and replaced with smooth physics-inspired animations.

Bucket preview
Library
uselayouts
Framework
React
Type
component
License
MIT
Dependencies
@hugeicons/core-free-icons, @hugeicons/react, clsx, motion, tailwind-merge
Install
npx shadcn@latest add https://uselayouts.com/r/bucket
Files
  • registry/default/example/bucket.tsx
  • hooks/use-mobile.ts
Source
https://github.com/iurvish/uselayouts

Categories

More from uselayouts