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

jQuery JSON Viewer With Callback Support (JVC) v2

json-parser

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

magictable

Transform any HTML table into a Magic table!

AskedPlugin

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

jwt-decoder

A jQuery-based JWT decoder that provides a user-friendly interface to decode and analyze JSON Web Tokens on the web.

Dynamic Spreadsheet-like Data Grid - jExcel

ce

jExcel is a powerful jQuery and Vanilla JavaScript plugin which lets you dynamically generate a spreadsheet like CRUD data grid (table) from local JS data or even JSON, CSV, XSLX files.

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

SurveyJS is a robust, customizable, cross-platform Survey/Feedback/Questionnaire/Quiz JavaScript library designed for jQuery, Angular, React, VueJS, knockout, etc.

tinyi18n

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

drooltip.js

drooltip.js is a feature-rich JavaScript tooltip plugin used to create customizable, dynamic tooltips from any content (e.g. text, html, JSON, ajax content, etc.). The plugin comes with 4 animations: BOUNCE, FADE, MATERIAL and FLOAT. It also has the ability to re-position itself according to the available screen.

temme

Concise selector to extract JSON from HTML.

populatejs

A pure `javascript` library to populate html form by passing a json data

TreeView

Web Component TreeView from JSON with vanilla JavaScript

copenhagen

Free, lightweight and hackable open source code editor for the web

translatorjs

A simple javascript library for translating web content.

hyderjs

HyderJS is a modern open-source JavaScript library that allows you to quickly build reusable UI components from JSON.

FormsJS

A small Javascript library to help with HTML forms

json-merger

A simple-to-use JSON merge tool that merges two or more JSON files (objects) together and saves the result as a new JSON file.

JHson.js

A JavaScript library for converting between HTML and JSON, with binding, templating, attributes, and CSS support.

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

A tiny and fast JavaScript plugin that generates an HTML table from JS/JSON data you provide, with Sortable and Checkable support.

easyjsonform

EasyJsonForm.js is a free open-source JavaScript library that provides a visual interface to help you easily create HTML forms.

form-data-json

form-data-json is a Vanilla JavaScript library to simplify the manipulation of HTML form with 2 functionalities:

jquery-serializeFields

jQuery plugin to serialize form elements into a JSON object using fieldsets.

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