Code Syntax Hub

Viewer for JSON, JavaScript and CSS: pretty-print, syntax highlighting, code folding, dark/light themes and export.

Code Syntax Hub is the ultimate utility tool for developers, software engineers, and analysts seeking maximum productivity when inspecting data and code in the browser. Designed to be extremely fast, sleek, and non-intrusive, the extension automatically intercepts raw JSON, JavaScript (JS), and CSS files that would normally be displayed as plain text by the browser, instantly converting them into a premium development interface inspired by GitHub's modern design. Whether analyzing complex API payloads or inspecting minified stylesheets and scripts in production environments, Code Syntax Hub transforms endless lines of unreadable text into a highly structured and comfortable reading experience. 🚀 KEY FEATURES • Advanced Dual View: Instantly toggle between Parsed mode (formatted, indented, and interactive code) and Raw mode (the original plain text, ideal for quick unformatted copying). • Professional Syntax Highlighting: Precise, high-contrast syntax coloring for keys, properties, strings, numbers, booleans, and keywords, perfectly mimicking the ecosystem of the most widely used development tools on the market. • Code Folding: Interactive arrows next to nested objects, arrays, or code blocks, allowing you to expand or collapse entire sections to easily navigate large files. • Smart Clickable Links: URLs and endpoints detected within the files automatically become clickable links, always opening in a new tab (target="_blank") to streamline testing webhooks and dependencies. • Integrated Export Tools: An intuitive top panel with dedicated buttons to download the formatted file (.json, .js, or .css) or copy the entire content to the clipboard with a single click. • Dynamic Selection Tooltip: When highlighting any specific snippet or line of code with your mouse, an intelligent mini floating pop-up appears near your cursor, allowing you to surgically copy only the exact selection. • Customization and Accessibility: Full control over typography size (defaulting to 18px for enhanced visual comfort) via fine-tuning buttons in the header, along with native and persistent support for Dark and Light Mode themes. 🎛️ ADVANCED CONTROL AND GRANULARITY • Premium Pop-up Menu (Global): A sophisticated settings menu with a frosted glass effect (glassmorphism), designed specifically for the dev aesthetic. Through it, you can globally enable or disable the automatic monitoring of each format (JSON, JS, or CSS) independently. • Smart Contextual Blacklist (Per Domain + File Type): If the extension conflicts with a complex web application, you can disable it with a single click. The ecosystem's intelligence allows you to ignore only the problematic file type on that specific domain (for example, disabling only JavaScript on the current domain, while keeping JSON and CSS formatting active). • Floating Reversion Button: When a site or format is ignored, the header is completely removed to avoid breaking the browser's native layout, and a single discrete, minimalist button remains pinned to the side of the screen. Clicking it removes the block and automatically reloads the page, returning the extension's superpowers to the domain. 🔒 PRIVACY AND PERFORMANCE FIRST Code Syntax Hub was built under the Manifest V3 architecture, adhering to Google's strictest security guidelines. • 100% Client-Side Processing: All file analysis, pretty-printing, and visual rendering occur strictly within your browser. • Zero Tracking: No data from your APIs, production code, payloads, or browsing history is collected, stored, or sent to external servers. • Secure Persistence: Your theme preferences, font size, monitoring toggles, and domain blacklist are saved locally and securely using the browser's own secure storage.