Animated React components for agent reasoning, progress, tool activity, and conversational AI interfaces.
14 components with live previews
A focused conversational surface with visual tones, independent alignment, grouped messages, expandable content, and interactive link or button support.
pnpm dlx shadcn@latest add @beui/message-bubbleComposable conversation primitives for message rows, grouped bubbles, avatars, metadata, live markers, and a mount-only trailing-edge pop-up for newly sent rows.
pnpm dlx shadcn@latest add @beui/messageA reader-aware conversation viewport that follows streamed output at the live edge and releases control when the reader moves away.
pnpm dlx shadcn@latest add @beui/message-scrollerAn auto-growing agent composer with prompt actions, model selection, keyboard submission, and animated send and stop states.
pnpm dlx shadcn@latest add @beui/prompt-inputA collapsible agent task plan with morphing status marks, a completion count, compact metadata, and smooth list updates.
pnpm dlx shadcn@latest add @beui/todo-listA syntax-highlighted code surface with stable streaming updates, line numbers, focused lines, smooth following, and copy feedback.
pnpm dlx shadcn@latest add @beui/code-blockA human-in-the-loop decision surface for approvals, single or multiple-choice questions, custom responses, and multi-step review flows.
Collection component
pnpm dlx shadcn@latest add @beui/approval-cardA syntax-highlighted file change disclosure with progressive rows, line numbers, live change counts, smooth following, and completion collapse.
pnpm dlx shadcn@latest add @beui/file-diffA lightweight execution disclosure for syntax-highlighted terminal output and request responses that collapses into a compact completed state.
Collection component
pnpm dlx shadcn@latest add @beui/tool-resultA stable response surface with completion actions, rendered content, and an expandable source summary.
pnpm dlx shadcn@latest add @beui/streaming-responseA stable generated-image surface that moves from queued work through progressive refinement to a completed result without layout shift.
pnpm dlx shadcn@latest add @beui/image-generationA human-in-the-loop permission card for reviewing tool details, allowing once, remembering access, or denying execution.
pnpm dlx shadcn@latest add @beui/tool-approvalInline citation markers paired with a collapsible, progressively rendered reference collection for grounded agent responses.
pnpm dlx shadcn@latest add @beui/citationsOne adaptive activity stream for reasoning, searches, tool calls, structured execution traces, or a chronological mix.
pnpm dlx shadcn@latest add @beui/agent-activityThree thoughtful loading states for AI interfaces: shimmering status text, live agent progress, and cycling reasoning phrases.
Collection component
pnpm dlx shadcn@latest add @beui/loading-statesA collapsible AI workspace sidebar for folders, projects, files, and bookmarks with keyboard navigation, optimistic moves, inline rename, and overflow-aware labels.
pnpm dlx shadcn@latest add @beui/ai-sidebarA complete agent conversation workspace composing navigation, messages, streaming, planning, approvals, tools, code, diffs, generated media, sources, and prompt input.
pnpm dlx shadcn@latest add @beui/chat-app“a quiet mountain landscape at sunset”
The agent wants to run the project test suite in the current workspace.
bun test tests/a11y.test.tsx