🚀 Candy Logger v2 is here — a browser logger with a real UI

#typescript #npm #node #webdev

I just shipped Candy Logger v2 — a major rewrite of my JavaScript/TypeScript logging library.

Candy Logger is now a browser-first logger with a floating UI that makes debugging much easier during development. Instead of just printing plain console messages, v2 gives you a structured table view, tagged logs, color-coded levels, real-time search/filtering, dark/light theme support, JSON export, and draggable/resizable UI controls. It is also zero-dependency. (GitHub)

One important change in this release: v2 is browser-only. I removed the old Node.js / terminal support, so if you still need the legacy terminal experience, v1.x is the version to stay on. This release is focused on giving frontend developers a much better in-browser debugging workflow. (GitHub)

What’s new in v2?

Complete browser-focused rewrite
New table-view logger UI
Custom tagged logging
6 color-coded log levels
Per-row actions like copy, bookmark, and delete
Real-time search and filtering
Dark / light theme toggle
JSON export
Pin, drag, and resize support
Collapsible JSON previews
TypeScript support
Works with React, Vue, Angular, Svelte, and Next.js client-side setups (GitHub)

Quick example

import { overrideConsole } from 'candy-logger';

overrideConsole({ forceUI: true });

console.log('Hello World!');
console.info('User signed in', { userId: 123 });
console.warn('Disk usage > 90%');
console.error('Payment failed', { code: 'CARD_DECLINED' });

That is basically it — once enabled, your browser logs become much more visual and easier to inspect. (GitHub)

Why I made this

A lot of logging tools are either too minimal, terminal-focused, or not pleasant to use when debugging frontend apps. I wanted something lightweight but still practical: something that feels modern, looks clean, and helps organize logs instead of turning them into noise.

Candy Logger v2 is my attempt to make browser debugging more usable and a bit more fun.