Streaming features
Turns a feature list into a demo: the card replays a token-by-token stream each time it enters the viewport, so visitors see speed instead of reading about it. Anchored at #features.
- Source
src/components/sections/streaming-features.tsxInteractive · ships client JS- Built with
- IntersectionObserver replaylucide-react
- Where to edit
- Heading, copy and the six feature pills: features in site.config.ts
- The streamed text: streamingDemoChunks in src/lib/demo-agent.ts
Live preview
Rendered at full width, exactly as it appears on the home page. Copy grabs the whole streaming-features.tsx.
Streaming by default
Text streams. Tools stream. UI reacts.
Every AgentKit component is wired for Vercel AI SDK v7 streaming out of the box. No spinner waiting for the whole response — visitors watch tokens arrive like they would in ChatGPT or Claude. It's the single biggest reason AI products feel alive and SaaS products don't.
SSE streaming wired
Model-agnostic (v7)
Tool-calling ready
Visible agent state
Typed messages
Edge-runtime safe
agent response · streaming
stream.chunk0 chars · ~0 tok