​
Demo Showcases

Explore the power of Cedar-OS through these comprehensive examples that demonstrate various capabilities including voice interactions, state management, custom message rendering, and more.

​
AI-Native Email

Custom message rendering, voice, voice streaming, and more.

​
How we built this (open source code here)

  1. 👀 State: useRegisterState(state) allows the agent to see the email draft and email opened.
  2. 🧱 Cedar Components: Download <SidePanelCedarChat/> to own a fully functional chat component
  3. 🎤 Microphone: Cedar manages audio blogs to send it back to the backend
  4. 🌊 Streaming: Cedar-OS auto-manages streaming
  5. 🧶 Custom Message Rendering: Define custom react components for rendering.
  6. 🔨 Change Local State: Cedar-OS takes the Agent’s response and makes the local state change
  7. 🔎 Render Diff: Render diffs through <DiffText/>
  8. 🛝 Slider Spell: Use the slider spell to intuitively redraft

​
AI-Native Canvas

Voice, diff, set state

​
Onboarding Agent (No Chat)

Create custom, interactive onboarding experiences.