Citations

Pattern

Inline Citations Demo

Generate content with embedded citations and clickable references. Includes source verification and formatting for research writing.

IntermediateOct 2025View the full pattern on desktop
Inline Citations Demo preview

Problems solved

  • Render research answers with inline citation components
  • Map cited sources to clickable references in the UI
  • Support fact-checked writing workflows in chat

Use cases

  • Academic writing assistants
  • Research content creation tools
  • Policy briefs with source footnotes
  • Journalism drafts that keep citations inline

AI SDK APIs

streamObject

Tags

aicitationsai-sdkcontent-generationresearchopenai

Requirements

Node.js
24+
Memory
512MB
Other
  • OpenAI API key

Environment variables

External services

openai

Ready to use?

View the full interactive pattern with live preview and copy the source code.

View the pattern on desktop

Related patterns

Tool Approval preview

Tool Approval

Demonstrate tool execution with user confirmation. Includes approval workflows, confirmation UI, and state management for safe AI operations.

aitool-approval+6
View pattern →
Basic Chat Interface preview

Basic Chat Interface

Chat interface with streaming responses and message history. Includes typing indicators and message status tracking.

aichat+2
View pattern →
Sources & Citations preview

Sources & Citations

Chat with source citations using Perplexity's Sonar model. Answers include clickable links for fact-checking.

aichat+4
View pattern →
Queue preview

Queue

Queue management assistant using AI agents. Generate structured queues with messages, todos, and attachments through conversation.

aiqueue-management+6
View pattern →