Kitly Update: HTML Pro Viewer, Data Grid Generator & Suite-Wide Dark Mode

What's New in Kitly!

We are thrilled to launch a major update to the Kitly Utility Suite, introducing the brand-new HTML Pro Viewer, an intelligent Data Grid Generator inside Code Tools, and a complete suite-wide CSS & Dark Mode unification.

New: HTML Pro Viewer & Editor

The HTML Pro Viewer is a fast, 100% offline, privacy-first HTML editor and live preview workbench designed for instant web component testing and formatting:

1. Real-Time Sandboxed Live Preview
   View HTML, CSS, and JS changes instantly as you type in a secure, isolated sandbox iframe, complete with single-click Fullscreen Focus Mode and new tab previewing.
2. Ace High-Performance Code Editor
   Enjoy line numbers, active line highlighting, automatic indentation, code folding, and cursor coordinate tracking powered by Ace Editor.
3. JS Beautifier & Code Formatter
   Clean up messy markup instantly with built-in client-side HTML formatting.
4. Searchable Code Modal & Highlight.js Integration
   Open a full-screen highlighted code inspection modal with native browser search (Ctrl+F) powered by Highlight.js.
5. Keyboard Shortcuts (Alt+1 to Alt+7)
   Accelerate your workflow with dedicated hotkeys for previewing, searching, formatting, folding, loading sample templates, and clearing your workspace.
6. File Operations & Clipboard Controls
   Import local .html or .htm files directly into the editor, export your work with one click, or copy raw HTML code straight to your clipboard.
7. Interactive Controls
   Add interactive buttons or javascript as well - Note: that these will only work when preview in new tab using Alt+1

» Launch HTML Pro Viewer

New: Data Grid Viewer in Code Tools

We've upgraded Code Tools with a brand-new tabbed interface featuring the Data Grid Viewer, which intelligently converts complex JSON or XML structures into formatted tables and multi-sheet spreadsheets:

• JSON & XML to Markdown / HTML Grids: Automatically parses objects, scalar key-value pairs, 2D matrices, and array lists into clean, formatted data grids with styled status badges.
• Resilient Input Sanitization: Easily process raw inputs with leading label prefixes (e.g. Set: { ... } or TestOne: { ... }) or markdown code fences without parse errors.
• Dual View Modes: Seamlessly toggle between the interactive HTML Rendered Grid view and raw GitHub-flavored Markdown text.
• Multi-Sheet Excel Export (.xlsx): Instantly export parsed data sections into clean, native Excel workbooks where each data section becomes a dedicated sheet tab.
• Markdown Download & Copy: Download complete .md table reports or copy them to your clipboard with a single click.

» Launch Code Tools & Data Grid Viewer

Improved: Global CSS Architecture & Suite-Wide Dark Mode

We've refactored our design engine to make your development experience sleeker and more responsive:

• Centralized Global Styles: Consolidated isolated page style blocks into global site styling for consistent typography, spacing, and component theming.
• Synchronized Ace Editor Dark Mode: Ace Editor automatically listens for system and suite-wide dark mode changes, switching dynamically between One Dark and Chrome themes.
• Inline Error Protection: Editor syntax errors and live preview render issues now display clear, inline warning banners instead of breaking page layouts.

— The Kitly Team

Version: v1.1.0 build.20260812.1818