Components
32 ASCII/dither components for AI interfaces. Every component ships as plain CSS with optional React wrappers.
Core14
buttonInteractive button with ASCII dither
CorecardElevated container with dither surface
CoreinputText input with dither focus
CorebadgeStatus indicator with dither fill
CorealertFeedback message with dither border
CoredialogModal overlay with dither backdrop
CoretabsTabbed navigation with dither tab
CoretoggleTwo-state switch with dither
CoreprogressLoading indicator with dither fill
CoreavatarUser image with dither fallback
CoretooltipHover info with dither tooltip
CoredropdownMenu with dither items
CoretableData table with dither rows
CoreaccordionCollapsible sections with dither
CoreAI15
chat-bubbleAI message bubble with streaming
AIchat-inputAI prompt input with actions
AIreasoning-stepExpandable reasoning trace
AItool-cardTool execution result card
AIcitation-cardSource reference card
AIstreaming-textStreaming text animation
AIterminal-panelCode execution terminal
AIagent-statusAgent state indicator
AIcode-blockCode display with copy and line numbers
AItyping-indicatorAnimated typing indicator for AI chat
AImarkdownMarkdown renderer for AI chat content
AIvoice-sessionRealtime voice session with waveform, transcript, and state indicators
AIthinking-blockAI extended thinking with pulse animation and expand/collapse
AIprompt-suggestionsStarter prompt suggestions for empty AI chat state
AIfile-attachmentFile upload pill with progress and remove for chat input
AI