logmui

Logmui is an open-source library that combines application logging with user interface components for web applications. It aims to provide developers with a unified toolset to generate, transport, and visualize log events within the same project.

The library exposes a core logging API that supports structured events, multiple log levels, and contextual metadata. Logs can be emitted as JSON objects and enriched with labels such as user identifiers, session data, or feature flags. In addition, logmui ships a set of UI components for rendering logs in a dashboard, including a searchable table, filters by level or source, time-range controls, and real-time updates via in-browser streaming.

Architecture: The system is modular, separating the core API from transport backends and from presentation. Transports can write to the browser console, send data to a remote endpoint, or persist logs locally. The UI components are designed to be framework-agnostic but are commonly used with React and compatible with other frontend stacks through adapters.

Usage: Initialize a logger with a configuration object, add transports, and start emitting events. A built-in viewer component can be embedded in an application to visualize logs alongside the main UI. Example: const logger = logmui.createLogger({ level: 'info' }); logger.info('User login', { userId: 123 });

Development and reception: Logmui originated from a community-driven project focused on frontend observability. It has an extensible plugin system and a permissive license. Critics note potential increases in bundle size and the need to align UI components with accessibility standards in large applications.

See also: logging, observability, frontend debugging, Material-UI, web dashboards.