Skip to main content

10 JavaScript and jQuery Templates Engines

By Sam Deering

JavaScript

Share:

Free JavaScript Book!

Write powerful, clean and maintainable JavaScript.

RRP $11.95

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

Sam Deering has 15+ years of programming and website development experience. He was a website consultant at Console, ABC News, Flight Centre, Sapient Nitro, and the QLD Government and runs a tech blog with over 1 million views per month. Currently, Sam is the Founder of Crypto News, Australia.

Integromat Tower Ad

New books out now!

Get practical advice to start your career in programming!


Master complex transitions, transformations and animations in CSS!