Mustache templates

Mustache syntax overview.

If you are not familiar with Mustache, we recommend you to start reading the super simple Mustache’s syntax and build templates. Here is a basic example:



    <li><a href="{{url}}">{{name}}</a></li>

  <p>The list is empty.</p>

With the data

    "header": "Colors",
    "items": [
      {"name": "red", "first": true, "url": "#Red"},
      {"name": "green", "link": true, "url": "#Green"},
      {"name": "blue", "link": true, "url": "#Blue"}
    "empty": false

Produces the following HTML when rendered:

<li><a href="#Green">green</a></li>
<li><a href="#Blue">blue</a></li>

Couldn’t be more easy!

Continue to Hot reload

← Back to Running the generator