🌳 JSON Viewer & Tree Explorer

Explore and navigate JSON data with an interactive tree view. Expand/collapse nodes, search keys and values, copy paths, and validate structure instantly. Free JSON tree viewer.

JSON Input

Tree View

How to Use

Paste your JSON

Paste any valid JSON — objects, arrays, or nested structures — into the input area on the left. Press Ctrl+Enter or click Parse.

Explore the tree

Click the ▾ toggle arrows to collapse or expand any node. Use Expand All / Collapse All to control the entire tree at once.

Search and copy paths

Type in the search box to filter keys and values in real time. Hover any key and click ⎘ to copy its full dot-notation path.

Frequently Asked Questions

What is a JSON tree viewer? +

A JSON tree viewer renders JSON data as a collapsible hierarchy of nodes, making it easy to navigate objects and arrays without reading raw text. You can expand only the parts you need and search across the entire structure.

How do I copy a key path? +

Hover over any key and click the ⎘ (copy path) icon that appears. The full dot-notation path — like user.address.city — is copied to your clipboard.

Can I search inside the JSON? +

Yes. The search bar at the top filters all keys and values in real time. Non-matching rows are hidden, and all parent nodes stay expanded so matches remain visible.

Is my JSON sent to a server? +

No. Everything runs in your browser. Your JSON data never leaves your device.

Guide : Visionneuse JSON

Qu'est-ce que c'est ?

La Visionneuse JSON affiche les données JSON dans une arborescence interactive et pliable avec coloration des types, permettant d'explorer facilement les structures JSON imbriquées.

Idéale pour inspecter les réponses API, les fichiers de configuration et les payloads de débogage sans chercher dans du JSON brut.

Comment utiliser

Collez votre JSON dans le champ d'entrée.
L'arborescence s'affiche automatiquement avec indentation et couleurs.
Cliquez sur les nœuds pour plier/déplier les branches.
Utilisez la recherche pour trouver des clés ou valeurs spécifiques.

Conseils professionnels

Pliez les branches de niveau supérieur pour naviguer dans de grands JSON sans vous perdre.
Cliquez sur les chemins de propriétés pour copier l'accès JavaScript (ex. : data.users[0].name).