Show HN: JSON Tapose – A Simple, Client-Side JSON Diff Viewer

https://www.jsontapose.com/

2•handsupmin•6mo ago

Hi HN!

I built a simple JSON diff viewer that runs entirely in your browser.

I needed a tool to compare JSONs that was both visually appealing and easy to use, so I made one.

Key features:

- Side-by-side JSON comparison with syntax highlighting

- Works with differently ordered fields (unlike most text editors)

- Client-side only - your data never leaves your browser

- JSON beautify/formatting

- Dark/light themes

- No signup required

Tech stack:

- React + TypeScript

- DaisyUI for styling

- Vite for build

Try it out: https://www.jsontapose.com

Source: https://github.com/handsupmin/json-tapose

I'd love to hear your feedback and suggestions for improvement!

Comments

atmanactive•6mo ago

Sounds great, looks good, looking forward to trying it out.

The themes are beautiful. It would be even better if it would respect prefers-color-scheme [0] and automatically switch to one of the dark-mode themes on operating systems configured for dark mode.

https://developer.mozilla.org/en-US/docs/Web/CSS/@media/pref...

handsupmin•6mo ago

That’s a great idea! I’ll try it. Thanks a lot!