Not affiliated with official shadcn/ui. Visit ui.shadcn.com for official docs.
React Meeting Notes Card
A React card displaying meeting notes with structured content list and overlapping attendee avatars in the footer for collaboration tracking
Looking to implement shadcn/ui patterns?
Join our Discord community for help from other developers.
Meeting notes scattered across tools? This React card brings structure to collaborative documentation—meeting content with ordered lists, participant tracking with overlapping avatars. Built with shadcn/ui and Radix UI Avatar components, it shows who attended and what was discussed in one glance. Perfect for project management dashboards, team wikis, or collaboration tools where you need to surface meeting outcomes with visual participant context.
Client requested dashboard redesign with focus on mobile responsiveness.
- New analytics widgets for daily/weekly metrics
- Simplified navigation menu
- Dark mode support
- Timeline: 6 weeks
- Follow-up meeting scheduled for next Tuesday
Pattern created by @haydenbleasel
Installation
Related patterns you will also like
Standard Card
Basic card with title, content, and actions
Login Card
Card with form inputs for authentication
Image Card
Card with image and icon indicators
Avatar Group
Overlapping avatar stack for user lists
Standard List
Structured list with items and descriptions
Timeline
Chronological event display