The YouSpot design system

One component set for the personal CRM AI harness — everything is an object, everything is markdown, every card can be generated by the model. Browse components, flip the theme proof, or drive it from the playground.

ObjectCard

Alice Chen

CTO at Acme
Contact
Email
alice@acme.com
Company
Acme
Last touch
Emailed 2 hours ago
Phone
—
Button
EntityIcon
ObjectList
Alice ChenCTO at AcmeContact2h ago
Kickoff call notesYouSpot v0 scope discussionNote1h ago
YouSpot v0Design system and component libraryProject30m ago
TagGroup
Active
Waiting
New
Person
TextField
Timeline
  1. Emailed Alice about the kickoff2h ago
  2. Created project YouSpot v01d ago
    Everything is an object. Everything is markdown.
PromptInput

Enter submits, Shift+Enter breaks. Pairs with Response and MessageScroller.

GenUIProvider

Cards the model emits by reference — reserved-height loading, soft failure, animated arrival. Try it in the playground.

Tabs
Objects render as rows.
MarkdownDoc

Everything is markdown. Notes, files, projects — one renderer:

  • Person
  • Company
  • Note
Disclosure

EmptyState

No notes yet

Capture your first note.