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

https://www.jsontapose.com/

2•handsupmin•1y 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•1y 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•1y ago

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

Meteor strike captured on volcano livestream [video]

Agent Activity: User Activity Recon Toolkit

Improving Local Techdocs for Your AI Coding Agent

Nano Browser LLM

Show HN: atproxy – proxy Android app TCP traffic to an upstream HTTP proxy

Nonprofits, organizations, and individuals who accept donations via Monero

Why East of Eden, Not the Grapes of Wrath, Is Steinbeck's Masterpiece

Ask HN: Which product branding do you prefer?

The Open/Closed Problem in AI

Prompt Politeness Affects LLM Accuracy

In Vivo Base Editing of PCSK9 with Verve-102 for Hypercholesterolemia

Do I have AI Psychosis?

In Praise of SwiftUI

The institutional memory for your codebase

DynIP – Dynamic DNS with RFC 2136, IPv6, DNSSEC, and BYOD

Show HN: AI agent token cost calculator for Codex and Claude Code loops

Nativewind: Tailwind CSS for React Native

Recreating Daejeon, South Korea, in Blender and Unreal Engine [video]

Ferrari's New Jony Ive–Designed EV Is Swathed in Glass and Aluminum

Cloud meeting recorders record everyone in the room. Not just you

Show HN: Presentforme.ai – Make slide decks explain themselves

What's so special about Emacs? [video]

The power struggle in the narrow seas, a visual story

A look inside ITER, the world's largest fusion energy project

Google Health Sucks

Heimdall: Formally Verified eBPF-to-Rust Migration

Contrastive Decoding Diffing: Recovering Finetuning Data Without Weight Access

Cognitive Security as an AI Safety Cause Area

How to make a well-structured business architecture diagram?

Orchestrating AI code review at scale