BuyBuy Agentic UI Kit

AI Citations Panel

Conversational support assistant that cites knowledge base articles and resolved tickets.

Full screen Try a theme

What it's for

Conversational support assistant that cites knowledge base articles and resolved tickets.
AI workspace for legal or financial analysis that verifies claims against PDF fragments.
Software engineering assistant that grounds refactoring suggestions by citing repository code.

Includes

Rag source list
Source preview inspector
Inline citation linking
Relevance score metrics
Source type filtering
Real time search
Chunk metadata inspection
Citation clipboard actions

Works with

Radix UI primitives (the registry variant it ships in)
React 19, Next.js App Router and Tailwind CSS 4, installed with the shadcn CLI
Your theme tokens, in light and dark mode

Install

Included with Agentic UI Kit (one-time license). Install needs your license key: see pricing · connect your project.

Agentic UI CLI

agentic-ui add ai-citations-panel

Installs through shadcn and adapts the component to your design tokens.

shadcn CLI

npx shadcn@4.17.0 add @agentic-ui/ai-citations-panel

Used in

A standalone component: drop it into any screen.

Type: Block
Variants: Radix UI
Themes: Light and dark
Widths: Preview it at desktop, tablet and mobile widths above.
Motion: Animated, with a reduced-motion fallback

npm packages: None beyond your project's React and Next.js
Registry dependencies: lib-primitives
Files: 1 file
components/agentic-ui/ai-citations-panel/index.tsx