data2ui visualizer

Instant live preview of any JSON file — right inside VS Code.

How to use

Option 1 – Context menu

1. In the Explorer, right-click any .json file
2. Choose Preview with data2ui
   → JSON opens on the left, beautiful UI appears on the right

Option 2 – The eye icon (when a JSON is open)

1. Open your .json file normally
2. Click the eye icon in the top-right corner of the editor
   → Preview instantly opens on the right

✨ That’s it. Edit your JSON → the preview updates in real time. Close the preview tab whenever you want.

Want to try it outside VS Code?

→ data2ui.jarraga.dev – just paste your JSON and play!

made with 💚 by JA