Client Card

A client CRM card with payment and deadline rings, plus a morphing avatar stack.

Library

uselayouts

Framework

React

Type

component

License

MIT

Dependencies

clsx, lucide-react, motion, tailwind-merge

Install

npx shadcn@latest add https://uselayouts.com/r/client-card

Files

• registry/default/example/client-card.tsx
• lib/utils.ts

Source

https://github.com/iurvish/uselayouts

Categories

• Avatar Components
• React Avatar Components
• Tailwind CSS Avatar Components
• Animated Avatar Components
• Avatar Group Components
• React Avatar Group Components
• Tailwind CSS Avatar Group Components
• Animated Avatar Group Components
• Card Components
• React Card Components
• Tailwind CSS Card Components
• Animated Card Components

More from uselayouts

• Accessible Action
• Card Folder
• Focus Testimonials
• Holographic Referral Card
• Paywall
• Pop Tilt Cards
• Pricing Card
• Scroll Split Cards
• Shake Testimonial Card
• 3D Book
• AccordionOS
• Analog Stick