UI Components
Like shadcn/ui, but for the query side of RAG. Copy the component into your project — no install — and point it at your pipeline's endpoint. Every component is React + Tailwind with zero extra dependencies.
RagChat
<RagChat />
Drop-in chat UI with grounded answers and inline source chips.
RagSearchBox
<RagSearchBox />
Debounced search with highlighted result snippets.
RagUpload
<RagUpload />
Drag-and-drop ingestion with live per-file progress.
SourceCitation
<SourceCitation />
Render the source chunks behind an answer, expandable.
StreamingText
<StreamingText />
Token-by-token rendering with a blinking cursor.
StreamingMarkdown
<StreamingMarkdown />
Stream markdown — headings, lists, code — token by token.
InlineCitation
<InlineCitation />
Turn [1] markers into hover-to-preview source popovers.
FeedbackBar
<FeedbackBar />
👍/👎 rating with an optional comment on thumbs-down.
RetrievalInspector
<RetrievalInspector />
Debug panel — which chunks were retrieved, with scores.
FollowUpSuggestions
<FollowUpSuggestions />
Clickable chips of suggested next questions.
IngestStatus
<IngestStatus />
Live status pill — is the pipeline online and indexed?
AnswerActions
<AnswerActions />
Copy, regenerate, and rate an answer.
ConversationHistory
<ConversationHistory />
A sidebar list of past chat threads.
RagSkeleton
<RagSkeleton />
Loading placeholders shaped like chat, search, or answers.
ConfidenceBadge
<ConfidenceBadge />
A colored badge for an answer's groundedness score.