Dev Design LibraryTailwind CSS Log Viewer Components
Dev Design Library indexes 10 Tailwind CSS log viewer components from 5 open-source UI libraries, with the most coming from LocalMode, Spectrum UI, Kokonut UI, AI Elements and BoardUI. Each one links to its page with the source code, a live preview where available, the library license and the install command. Every library in this list styles its components with Tailwind CSS utility classes. 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…
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…
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)…