
Why I built a React component library specifically for AI products
Last year I was building an AI chat interface. I needed a component that shows streaming text with a blinking cursor, one that displays tool calls in progress, and another that tracks token usage in real time. I opened npm. Nothing. Every UI library I found — shadcn, MUI, Chakra — was built for traditional apps. Forms, tables, dashboards. Great libraries. Wrong problem. So I built Aura UI. ## What's different Most AI products need the same 9 things that no library provides: MessageBubble — chat layout with role-based styling StreamingIndicator — animated states (thinking / streaming / done) ToolCallCard — shows what the agent is doing in real time ParameterSlider — temperature, top-p controls with live preview CitationBlock — source references with hover expand TokenCounter — live usage with limit warnings CodeBlock — syntax highlight + copy, optimized for LLM output PromptEditor — textarea with token count + template variables ModelSelector — provider/model picker with context window
Continue reading on Dev.to React
Opens in a new tab


