loggo — Beautiful console.log in development. Silent in production.

Drop-in console.log for the browser. Pretty in DevTools. Gone in production.

By Ahmed Nemreen

get started see samples

01 install

shell — install

02 how to use

app.ts — drop-in
  1. import once Bring in log or createLoggo.
  2. call like console Pass any args — objects, DOM, errors stay native.
  3. ship Production builds resolve to silent noops. No cleanup.

03 live console

Simulated DevTools stream — badge on one line, message below, space between entries — matching real loggo output.

CONSOLE — development

04 try samples

Open your real DevTools (⌥⌘J / F12), then click. These calls use the actual @a.nemreen/loggo dev build.

DOM target for the element sample:

#demo-target

05 named loggers

api.ts

06 before / after

before

console.log('user', user);
// …later, hunt it down
// or wrap every call:
if (import.meta.env.DEV) {
  console.log('user', user);
}

after

import { log } from '@a.nemreen/loggo';

log('user', user);
// prod build → silent. done.