Search

Search components and blocks

Sign in

Card Blocks

Pricing, profile, and product cards — self-contained surfaces built on shadcn primitives, ready to drop into a page.

Meeting Card

Pro

A single card, not a paired layout — a soft ambient color wash behind the header instead of a hard top-edge bar, crossfading from sky to red as the meeting goes live, with a matching dot on the type badge and a gentle lift on hover. The countdown actually ticks down every second and flips to a pulsing 'Live now' at zero, and an Agenda disclosure expands in place instead of always showing the description. Join call pulses to 'Joining…' before it would hand off to the call.

pnpm dlx shadcn@latest add @ditherui/meeting-card
Internal45 min

Design Review — Q3 Roadmap

Starts in 5:00
AC
MR
PN
+2

Props

className / ...div propsReact.ComponentProps<"div">—

Suggested components