Logo

Fast Text Format

Back to Dashboard

Fast Text Format Tools

The ultimate collection of lightning-fast utilities to format, convert, and streamline your workflow.

Favorites

Recently Used

Recently Added

Text & Compare

Code & Formatting

Base64 to File

Decode Base64 strings or Data URIs back into downloadable files (images, PDFs, documents, audio) with instant live preview.

Code Beautifier

Beautify, validate, and minify your JSON, JavaScript, CSS, and HTML code into clean, readable syntax.

CSS Format

Format, beautify, validate, and minify CSS code with custom indentation.

CSS Visual Generators

Visually generate and export CSS code for Box Shadows, Gradients, Flexbox, and Grid layouts.

CSV to JSON/SQL

Convert CSV data to JSON arrays or SQL INSERT statements.

cURL to Fetch

Easily convert cURL commands into JavaScript Fetch API code.

HTML / XML

Beautify, minify, and clean up messy code instantly.

HTML to JSX

Client-side tool to transform HTML tags/attributes into React-compatible JSX.

HTML to Tailwind CSS

Convert standard inline styles and CSS declarations into Tailwind CSS utility classes with live preview.

JS Obfuscator

Transform readable JavaScript code into unreadable, minified code to protect logic.

JSON to Code

Convert JSON objects into typed models for various languages.

JSON Tree Viewer

Visually inspect, expand, collapse, search, and filter complex JSON payloads with path inspection.

Markdown

Write raw markdown with a live HTML preview.

Source Map Viewer

Client-side tool to upload a .map file and de-minify stack traces.

SQL Formatter

Beautify and format messy SQL queries.

String Escape & Unescape

Safely escape (and unescape) quotes, backslashes, and newlines for use in JSON strings, SQL queries, HTML, and Java/C#.

SVG Optimizer

Minify and clean raw SVG code.

SVG to PNG/WEBP

Client-side tool utilizing an HTML canvas to rasterize SVG code or files into downloadable images.

XML Utilities

Format and minify XML strings.

YAML <-> JSON

Instantly convert between YAML and JSON.

Data & Crypto

Generators & Utilities

ASCII Art

Generate large ASCII art text banners.

Barcode Generator

Client-side tool using a canvas to generate linear barcodes (UPC, EAN, Code39) from text.

CHMOD Calc

Calculate Linux file permissions easily.

Color Contrast

Check WCAG color contrast accessibility.

Color Format

Instantly convert HEX, RGB, and HSL color codes.

Cron Decoder

Translate cron schedules into human-readable text.

Favicon Generator

Convert standard images into universally compatible .ico files and generate standard web app icon sizes.

Image Base64

Convert image files into Base64 Data URI strings and CSS background-image properties.

Image Compressor

Compress and optimize JPEG, PNG, WEBP, and AVIF images locally in your browser.

Markdown Table Generator

A visual grid editor that allows users to easily add rows/columns and instantly outputs perfectly formatted Markdown table syntax.

Meta Tag & Open Graph Generator

Generate and visually preview SEO meta tags, Twitter Cards, and Facebook Open Graph tags.

Mock Data Generator

Generate hundreds of rows of fake test data (names, emails, addresses, dates, credit cards) and export it as CSV, JSON, or SQL INSERT statements for database testing.

Password Gen

Create strong, secure passwords using cryptographic algorithms.

PDF Toolkit

Merge, split, extract, rotate, and reorder PDF pages 100% locally in your browser.

Placeholder Text

Create random placeholder text for UI mockups.

QR Code

Create scalable, scannable QR codes from text or URLs.

Regex Tester & Builder

Test regular expressions with real-time match & capture group highlighting, syntax explanation breakdown, and multi-string test modes.

Robots.txt Generator

Build valid robots.txt rules, crawler directives, and block AI scrapers.

UUID / GUID

Instantly generate universally unique identifiers (v4).

XML Sitemap Generator

Construct valid XML sitemaps with custom URLs, change frequencies, and priorities for search engines.

Finance & Units

Networking

Code & Formatting

JSON Tree Viewer

Visually inspect, expand, collapse, search, and filter complex JSON payloads with path inspection.

0 matches
Size: 0 B Keys: 0 Max Depth: 0 Objects: 0 Arrays: 0
Valid JSON
Interactive Tree
Enter or paste valid JSON to view the interactive tree...
Path: $ Copied!

How to Use

Paste or type JSON into the left editor to generate an interactive visual tree on the right. Expand and collapse nested objects and arrays, search through keys and values with real-time highlighting, inspect data types, and click any node to copy its JSON path.

Frequently Asked Questions

What is the JSON Tree Viewer?

The JSON Tree Viewer is an interactive developer tool that transforms raw or minified JSON text into a navigable hierarchical tree diagram, allowing you to easily explore, collapse, search, and inspect complex payloads.

How does searching and filtering work in the tree?

Typing into the search bar scans all object keys and primitive values in real-time. Matches are visually highlighted, the matching count is displayed, and parent nodes automatically expand to reveal the matching elements.

How do I copy a specific JSON path from the tree?

Clicking any key or node in the tree highlights its complete path (e.g., $.users[0].address.city) in the bottom bar, and clicking 'Copy Path' copies this exact JSONPath or dot-notation expression directly to your clipboard.

Can I expand or collapse all nodes at once?

Yes. Use the 'Expand All' and 'Collapse All' buttons in the toolbar, or use the Depth dropdown to collapse everything beyond a chosen nesting level (Level 1, Level 2, or Level 3).

What data types does the tree viewer distinguish?

The tree viewer uses distinct visual colors and badges for strings, numbers, booleans (true/false), null values, objects (with item count), and arrays (with index labels and length).

Can I copy individual sub-trees or values?

Yes. Each object, array, and property row features hover actions to copy either the exact primitive value or the JSON stringified sub-tree directly.

How does the viewer handle malformed or invalid JSON?

If your JSON contains syntax errors (such as trailing commas or missing quotes), the tool pinpoints the exact line and character position of the syntax error so you can quickly fix it.

Can I beautify or minify JSON directly in this tool?

Yes. The input panel provides dedicated Beautify and Minify buttons to reformat raw text with 2-space indentation or compact single-line syntax instantly.

Can the tree viewer handle large JSON files?

Yes. The tree is built using efficient DOM nodes and lazy branch toggling, enabling smooth navigation of large API payloads and configuration files.

Is my JSON data kept private and secure?

Yes. Fast Text Format operates 100% client-side inside your browser. No JSON payloads or keys are ever uploaded to any external server or stored remotely.

No results found

Try adjusting your search terms.