AI Chat
A complete Next.js chat app on the AI SDK — streaming, tool calls, reasoning, model switching, saved conversations and real error states.
Next.js 16React 19AI SDK 7Tailwind v4TypeScript
View templateBrowse all templates
The app templates
Templates
Start with a working Next.js app where streaming, tools, reasoning, model switching, and persistence are already wired together.
RAG Document Q&A
Upload, chunk, embed, retrieve, answer — with citations that land on the sentence they came from, not a list of filenames at the bottom.
Next.js 16React 19AI SDK 7Tailwind v4TypeScript
View templateAgent Run Console
A resumable agent run: human-in-the-loop approvals, per-step cost and tokens, retry and step-level re-run, and cancellation that actually stops the model.
Next.js 16React 19AI SDK 7Tailwind v4TypeScript
View templateStructured Extraction
Stream a zod schema into a form: partial objects rendered without flicker or layout shift, per-field confidence and evidence, correction, and honest validation failure.
Next.js 16React 19AI SDK 7zod 4Tailwind v4TypeScript
View templateGenerative UI
A chat where the model renders components: a two-sided registry as the trust boundary, streaming props, skeletons from partial input, and prose when a name is unknown.
Next.js 16React 19AI SDK 7zod 4Tailwind v4TypeScript
View templateVoice Assistant
Realtime speech over WebRTC with barge-in that actually retracts playback, a live waveform, a transcript store — and a simulated backend so it runs with zero credentials.
Next.js 16React 19OpenAI RealtimeTailwind v4TypeScript
View templateAnswer Engine
Ask, retrieve, answer, suggest: sources on the stream before the first token, citations that slice the original document by offset, and follow-up questions from a second call.
Next.js 16React 19AI SDK 7Tailwind v4TypeScript
View templateMemory Chat
A chat that remembers: approval-gated memory writes, a cookie-backed store with no database, and a system prompt that keeps recollection sparse instead of clingy.
Next.js 16React 19AI SDK 7Tailwind v4TypeScript
View templateSupport Copilot
An agent-assist console: ticket queue, KB-cited draft replies your agents edit before sending, and refunds the model can only propose — a human approves.
Next.js 16React 19AI SDK 7Tailwind v4TypeScript
View templateImage Studio
Generation as an async job, not a chat: a server-enforced state machine, polling that never re-downloads pixels, blocked vs failed as different outcomes, and a simulated backend for keyless development.
Next.js 16React 19Images APITailwind v4TypeScript
View templateResearch Agent
Plan, fan out, synthesize: a planner decomposes the question, parallel researchers answer against the corpus, and a live timeline streams every step before the cited report.
Next.js 16React 19AI SDK 7Tailwind v4TypeScript
View templateEvery demo above is a scripted replay of the real components the template ships — there is no model behind this page, but the buttons inside them are live. The template you download talks to your own key.