Skip to content


Subversion checkout URL

You can clone with
Download ZIP
json2html is a simple but powerful free jQuery plug-in used to render json to html. Using custom defined JSON transforms json2html will convert a JSON array of objects, such as an RSS feed, into an unstructured list.
Branch: master

This branch is 23 commits behind moappi:master

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.


What is json2html?

json2html is a simple but powerful jQuery plug-in used to transform JSON to HTML.

Why json2html?

Instead of writing HTML templates JSON2HTML relies on JSON transforms to convert a source JSON objects to html. The benefit of using a JSON transform is that they are already readable by the browser and DO NOT require any compilation before use. In addition, JSON2HTML allows the following

  • Short hand notation for mapping data objects to markup
  • Event binding to DOM objects
  • Use of inline functions to allow for complex logic during transformation

Example of a Transform?

var transform = 
    {tag:'span',html:'${name} ${year}'}

Will render into the following html

<li id=1123>
    <span>Jack and Jill (2001)</span>

Where is the project now?

json2html is still in beta version, however it is being used in production on a number of projects. Performance wise it's comparable to jQuery templates (around 20% slower). Any additions/improvements are very much welcome!

How do I start?

Check out our website for more information including detailed usage notes, downloadable examples and more!

Something went wrong with that request. Please try again.