DEV Community

devops_aladin
devops_aladin

Posted on

πŸš€ Convert JSON to Clean HTML Instantly – Feedback Wanted!

πŸš€ Convert JSON to Clean HTML Instantly – Feedback Wanted!

I recently built json2html.dev – a simple tool to convert any JSON into clean, responsive HTML tables and views.

I often found myself needing quick visual representations of JSON when debugging APIs, building docs, or prototyping dashboards. Existing tools were either too bloated, ugly, or required installing npm packages just to preview structured data nicely.

πŸ”§ What it does:

Paste your JSON β†’ get clean HTML instantly

Handles nested structures elegantly

Minimal, readable output ready for integration

I’m trying to keep it lightweight and genuinely useful rather than β€œyet another converter.”

πŸ’‘ Would love your feedback on:

What features would make this indispensable for you?

Should it support export as styled components, React tables, or just raw HTML?

Any UI/UX improvements to prioritize?

Check it out at json2html.dev and let me know what you think.

Top comments (9)

Collapse
 
ketoman profile image
Keto Man

Hi, I find your project interesting and would like to understand who it's aimed at.
One thing I've noticed is that if you have a higher hierarchy level, I have to copy/paste that part back into your site to convert it. If I could explode the entire structure, I think it could be perfect.

If I may, I would also like to ask you for your opinion on my utility, whenever you want.
dev.to/ketoman/from-jsonl-to-a-nor...

Collapse
 
devops_aladin_3d1a9d005ab profile image
devops_aladin

Thank you for your response, it means a lot.
I like your post json is absolutely everywhere, from config file(who uses ini), to complex data structures.
Do you have a link to your utility?

Collapse
 
ketoman profile image
Keto Man

I contacted you through your website

Collapse
 
ketoman profile image
Keto Man

You forgot to tell me if this is useful for you, since I haven't found a similar solution ready-made.
For your projects, for example, could it be useful?

Collapse
 
ketoman profile image
Keto Man

I had replied indicating a link to the project website, but I don't know why he didn't leave me a comment.

Collapse
 
nathan_tarbert profile image
Nathan Tarbert

this is extremely impressive and actually something i’d use when working through messy api responses
you think adding export options for frameworks makes it better, or does that ruin the simplicity

Collapse
 
devops_aladin_3d1a9d005ab profile image
devops_aladin

Thank you so much for your comment.
The idea came through my work. I have had many test results, and benchmarking parms fed to
json file. That json file was for many different api-s.
So I have uploaded logs, and giant json-s. Very hard to read them.
With help of AI I as able to create cusomized python script just for that uniq json template, or data structure. It made so much easier to go through results.
That's how I created this tool. I used conververs I created in python and put css/javascript wrappers. AI is great, but for now operating with token limits.
What I itend to do eventually is to provide custom converter for customers json data structure.
That one should be offered also as api.
First requests, I itend to compete manually, later I can consider automating it.
The stack:
react js - frontend
fastapi - backend, running in oracle VM

Collapse
 
ketoman profile image
Keto Man

If you have a lot of data, then perhaps my utility could be very useful to you, because in practice, you could use it both for the analysis of the structure and to possibly export that data or use the DB directly as a source.

Some comments may only be visible to logged-in visitors. Sign in to view all comments.