10 JavaScript and jQuery Templates Engines

Sam Deering
Tweet

A template is a way of specifying a function that produces a string in the output language (either in string or AST form) from a bundle of data using a syntax that is reminiscent of the output produced. Today we’ve come up with 10 JavaScript and jQuery Template Engines that you might find interesting to learn. Enjoy.

Related Posts:

1. NANO – jQuery Template Engine

Simplest jQuery Templating Engine, perfect for JSON parsing.


NANO

Source + Demo

2. The “template” binding

The template binding populates the associated DOM element with the results of rendering a template. Templates are a simple and convenient way to build sophisticated UI structures – possibly with repeating or nested blocks – as a function of your view model data.


template

Source
Demo

3. JsViews: Next-generation jQuery Templates

Interactive data-driven views, built on top of JsRender templates.


JsViews

Source
Demo

4. JsRender: Next-generation jQuery Templates

Optimized for high-performance pure string-based rendering, without DOM or jQuery dependency.


JsRender

Source
Demo

5. google-jstemplate

Simple and robust browser side template processing for Ajax based web applications.


google-jstemplate

Source
Demo

6. The jQuery Templates Plugin

A templating plugin for jQuery. BETA. NO LONGER IN ACTIVE DEVELOPMENT OR MAINTENANCE. Issues remain open but are not being worked.


The jQuery Templates Plugin

Source
Demo

7. jQote2 – JavaScript Templating Revamped

jQote2 now returns a flat string representation of the converted template whereas its predecessor would give you a jQuery object.


jQote2

Source + Demo

8. kite

KiTE is a Template Engine for JavaScript


kite

Source + Demo

9. mustache.js

Logic-less {{mustache}} templates with JavaScript.


mustache.js

Source + Demo

10. Tempo 1.7

Tempo is a tiny JSON rendering engine that enables you to craft data templates in pure HTML.


Tempo 1.7

Source
Demo

Get your free chapter of Level Up Your Web Apps with Go

Get a free chapter of Level Up Your Web Apps with Go, plus updates and exclusive offers from SitePoint.