ASH UI
A React component library for building agentic interfaces. Display messages, tool calls, streaming text, and more with a beautiful glassmorphism design system.
Live Demos
Quick Install
Features
Message Components
Pre-built components for displaying user messages, assistant responses, thinking blocks, and errors.
Tool Call Visualization
Expandable cards that display tool executions with syntax highlighting, status indicators, and results.
Streaming Support
Real-time text streaming with markdown rendering and visual indicators for active streaming.
Theme System
Built-in dark mode with system preference detection and localStorage persistence.
Glassmorphism Design
Modern frosted glass aesthetic with subtle animations and accent color highlights.
TypeScript First
Comprehensive type definitions with discriminated unions for all message and tool types.
Components
View allDesign Philosophy
Agentic-First
Components designed specifically for AI agent interfaces—tool calls, streaming, thinking blocks, and more.
Minimal Dependencies
Only requires React 18+ and react-markdown. No heavy UI framework required.
Composable
Each component works independently. Mix and match to build your own agent UI.
Example Usage
import {
MessageList,
ToolCallCard,
ThemeProvider,
} from '@ash-cloud/ash-ui';
import '@ash-cloud/ash-ui/styles.css';
function App() {
return (
<ThemeProvider defaultTheme="dark">
<MessageList
entries={normalizedEntries}
loading={isLoading}
streamingContent={currentStream}
/>
</ThemeProvider>
);
}