Dev Design LibraryLog Viewer Components
Dev Design Library indexes 12 log viewer components from 6 open-source UI libraries, with the most coming from LocalMode, Halaska UI, Spectrum UI, Kokonut UI and AI Elements. Each one links to its page with the source code, a live preview where available, the library license and the install command. Log viewer components belong to the Developer tools group.
TerminalAI Elements · ReactDisplay streaming console output with full ANSI color support.
AI State LoadingKokonut UI · ReactAgent progress as a list of steps with a live log, elapsed time and a summary when done.
Audit Log TableSpectrum UI · ReactA dense, pinned-header event log with actors, mono action names, IPs and severity levels.
Agent LogBoardUI · React
DevTools Drawer BlockLocalMode · ReactA global on-device observability drawer: six tabbed surfaces (inference queues, event log, pipeline runs, model cache…
Audit Log PatternHalaska UI · React
AI Tool CallsKokonut UI · ReactTool calls inside a chat reply. Each call streams in as one row with a live timer, then they fold into a single line…
Waiting for EventsSpectrum UI · ReactA live endpoint waiting for its first delivery, with a test event that lands.
Event Log ViewerLocalMode · ReactNewest-first devtools event log: relative timestamps (absolute on hover), namespace-colored type badges…
Thinking Trace PatternHalaska UI · React
Inference Queue MonitorLocalMode · ReactPer-queue inference observability: one card per registered queue showing pending, active, completed, failed, and…
Pipeline Run InspectorLocalMode · ReactPer-run pipeline observability cards: status badge (running pulses on primary, completed emerald, failed destructive)…