React card components

Cards that hold one thing well – an email an AI drafted, a project, a recommendation and a panel of tips.

4 React components – 3 free.

Email Draft – Agent-written email for review – switch recipient and tone, edit inline, remove the attachment, send or discard with undo
Project Card – A two-line project summary that quietly unfolds on hover – a progress ring with one segment per subtask, a people filter and a status picker, all linked by hover
Smart Recommendation – Suggestion card with a confidence signal, alternatives to switch to and accept with undo
Tips Panel – Grid of short tips with one action each – taken tips turn into a done state