JSON Tree Visualizer

Fast, responsive JSON visualizer built with React, Vite, Tailwind CSS, Material UI, and React Flow.

Features

• Paste/type JSON, validate and generate a tree
• React Flow tree with distinct colors for object, array and primitives
• JSONPath search ($.user.address.city, items[0].name) with highlight and auto-center
• Zoom/pan, node hover info, copy path, reset, download as SVG
• Dark/Light mode and fully responsive layout (mobile/tablet/desktop)

Tech

• React + Vite, TailwindCSS, MUI, React Flow, jsonpath-plus

Scripts

npm install
npm run dev
npm run build && npm run preview

Deploy

Deploy the dist/ build to GitHub Pages, Netlify or Vercel.