Card Dealer

A card table with a face-down deck, a fanned hand and a discard pile. Cards arc across the table between them and flip in flight, hop over each other when the hand is sorted, and lift on hover. Data-driven by each card's zone, with custom faces and backs, keyboard-playable hand cards and reduced-motion support.

Library

beUI

Framework

React

Type

component

License

MIT

Install

npx shadcn@latest add @beui/card-dealer

Files

• components/motion/card-dealer.tsx
• lib/hooks/use-hover-capable.ts
• lib/i18n.tsx
• lib/utils.ts

Source

https://github.com/starc007/ui-components

Categories

• Card Components
• React Card Components
• Tailwind CSS Card Components
• Animated Card Components
• Card Stack Components
• React Card Stack Components
• Tailwind CSS Card Stack Components
• Animated Card Stack Components
• Data Display Components
• React Data Display Components
• Tailwind CSS Data Display Components
• Animated Data Display Components

More from beUI

• Approval Card
• Card
• Card Folder
• Prediction Market
• Prediction Market Card
• Project Folder
• Tilt Card
• Action Swap
• Action Swap Blur
• Action Swap Cascade
• Action Swap Roll
• Adaptive Stepper