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.