50+ Awesome JSON to HTML Effects Collection (Projects and Codes) in 2025

markup2json

A library for converting HTML and XML into JSON

jquery.json-viewer-callback

JVC is a feature-rich JSON viewer plugin that transforms JSON objects, strings, and arrays into a beautifully structured, collapsible/expandable tree structure.

json-parser

Convert a JSON input to a HTML table with jQuery, styled with Tailwind.

magictable

Magictable is a dynamic data table jQuery plugin that transforms JSON data into an Excel-style data grid with advanced features like filtering, sorting, editing, progressive data loading, and much more.

AskedPlugin

A jQuery plugin to create beautiful, dynamic questions with different element type.

jwt-decoder

Quick JWT decoder

Dynamic Spreadsheet-like Data Grid - jExcel

ce

Jspreadsheet is a lightweight vanilla javascript plugin to create amazing web-based interactive tables and spreadsheets compatible with other spreadsheet software.

combo-tree

ComboTree is a jQuery Plugin which is a combobox item with tree structured data list and multi/single selection options and more.

kompleter

kompleter is an easy autocomplete management plugin which displays a dropdown list populated with suggestions from a data provider (e.g. JSON data) while typing.

Tiny AJAX-Compatible Input Autocomplete Plugin - autocompleter

jquery-autocompleter

A jQuery plugin autocomplete

json2html

Json2html is a lightning fast client side javascript HTML templating library with wrappers for both jQuery and Node.js.

survey-library

Free JavaScript form builder library with integration for React, Angular, Vue, jQuery, and Knockout.

tinyi18n

A tiny javascript library for internationalization and easy switching of languages on HTML pages

drooltip.js

Minimalistic, powerful and extensible Vanilla JS tooltip library

temme

The Temme JavaScript library uses custom selectors to extract JSON from HTML using pure JavaScript.

populatejs

populatejs is a pure JavaScript plugin for dynamic form creation that populates existing form fields from a JSON object.

TreeView

Web Component TreeView from JSON with vanilla JavaScript

copenhagen

Copenhagen is a simple, lightweight, extensible code editor that supports popular languages like HTML, CSS, JavaScript, JSON, Markdown, and Plain Text.

translatorjs

A simple javascript library for translating web content.

hyderjs

The simple and easy javascript library used for building UI for the web using JSON

FormsJS

A small Javascript library to help with HTML forms

json-merger

Merge multiple JSON files - Vanilla JavaScript and HTML (graphic mode: browser+explorer)

JHson.js

JHson.js is a lightweight and fast JavaScript library for converting between HTML and JSON.

treeMaker

treeMaker is a JavaScript library that renders a tree-like diagram from JSON or JS objects to show the structure and the relationship in an organization/agency/family.

Tidy-Table

Create a HTML table that can be sorted, selected, and post-processed.

easyjsonform

EasyJsonForm is a javascript form creation library for the cases when end-users need to create forms, such as survey or homework submission systems. With EasyJsonForm, users can easily create forms. Forms and form data are represented as objects that can be exported as JSON and rebuilt whenever you want.

form-data-json

A zero dependency, cross browser library to easily get or set/manipulate form input values as/from a json object.

jquery-serializeFields

An intuitive and fast form serializer that serializes form data typed by users into a JavaScript object for further use.

jquery-jsontotable

This plugin can convert JSON data type to table for html. JSON is used primarily to transmit data between a server and web application, as an alternative to XML. In these reasons todays many applications use json data format for data transferring. And you need json to table converter for html display.

Expando

Simple jQuery object viewer as a tree