2026-05-03
toolSix viewer capabilities — console, format, drop, libs, ruler, PNG
- Live console & error panel below the preview — captures
console.log/warn/error, uncaught exceptions, unhandled rejections, and broken-resource events from the iframe via postMessage. - Format / Prettify command (⌘⇧F) on /, /html-to-pdf, /markdown-editor. Prettier loads only when you click — no first-paint cost.
- Drag-and-drop file import — drop a .html / .md / .json onto the editor; loads with an Undo toast.
- + Add lib dropdown — one-click insert for Tailwind, Bootstrap, jQuery, htmx, Alpine, Lucide, Pico, daisyUI, and more. Pinned versions, head-aware insertion, dedupes if already present.
- Custom preview width — drag the right edge to any pixel width with snap-to-breakpoint at 320 / 375 / 768 / 1024 / 1280 / 1440 and a floating px label.
- PNG screenshot export — captures the preview at native devicePixelRatio. Honest failure toast when cross-origin images taint the canvas.