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

streamObjectuseObject

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

Task Management DemoTask management with AI workflow automation. Creates tasks, tracks progress, and assigns work automatically.Oct 2025
Tool ApprovalDemonstrate tool execution with user confirmation. Includes approval workflows, confirmation UI, and state management for safe AI operations.Oct 2025
Basic Chat InterfaceChat interface with streaming responses and message history. Includes typing indicators and message status tracking.Oct 2025
Sources & CitationsChat with source citations using Perplexity's Sonar model. Answers include clickable links for fact-checking.Oct 2025