Reasoning & Sources

Pattern

Sources & Citations

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

IntermediateOct 2025View the full pattern on desktop
Sources & Citations preview

Problems solved

  • Answer questions with citation-backed Perplexity Sonar responses
  • Stream clickable source links for fact-checking
  • Smooth word-chunked token streaming for readable answers

Use cases

  • Research assistants with citations
  • Fact-checking chat experiences
  • News and information verification tools
  • Educational tutors that show sources

AI SDK APIs

streamTextconvertToModelMessages

Tags

aichatai-sdksourcescitationsperplexity

Requirements

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

Environment variables

External services

perplexity

Ready to use?

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

View the pattern on desktop

Related patterns

ReasoningChat that shows AI's step-by-step reasoning. Includes decision trees, logical breakdowns, and explanatory tooltips.Oct 2025
Basic Chat InterfaceChat interface with streaming responses and message history. Includes typing indicators and message status tracking.Oct 2025
PlanA collapsible plan component for displaying AI-generated execution plans with streaming support and shimmer animations.Nov 2025
Tool ApprovalDemonstrate tool execution with user confirmation. Includes approval workflows, confirmation UI, and state management for safe AI operations.Oct 2025