Need help with json2html?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

520 Stars 102 Forks MIT License 55 Commits 6 Opened issues


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

Services available


Need anything else?

Contributors list


json2html is an open source javascript library that uses js templates to render JSON objects into HTML.

Build lightning fast, interactive client side templates using nothing but javascript.

Free to use under the MIT license. for full documentation.


  • Native JS templates that work both the client and server
  • Interactive with embedded events directly in your templates
  • 100% Javascript so no need to learn any new syntax: use inline js functions for complex logic


        {"name": "Justice League", "year":2021},
        {"name": "Coming 2 America", "year":2021}
    {"<>": "li", "html":[
        {"<>": "span", "text": "${name} (${year})"}

Will render the following html

  • Justice League (2021)
  • Coming 2 America (2021)
  • jQuery

    Use seemlessly with jQuery, oh did we also mention that you can embed events in your template? Forget attaching your events after you've rendered your templates.

     {"<>":"button","text":"Click Me","onclick":funciton(e){
        alert("You just clicked this");

    Will render into the following html and will alert when clicked :)

    Click Me


    Use your temlpates seemlessly on Node.js (sorry no events here)


    npm install node-json2html


        const json2html = require('node-json2html');
    let html = json2html.transform([{'male':'Bob','female':'Jane'},{'male':'Rick','female':'Ann'}],{"&lt;&gt;":"div","html":"${male} likes ${female}"}); for full documentation.

    We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.