Playground

Edit the params and context below and watch the result update live. It runs the real library, bundled straight from source.

Presets

params{ "welcome": "Welcome, {{ vendor.name }}!", "order": "Hi {{ customer }}, your order ships to {{ store.data.name }}.", "total": 10, "ignored": true }context{ "vendor": { "name": "Felippe Maurício" }, "store": { "data": { "address": "RJ", "name": "Rio de Janeiro" } }, "customer": "Luciana Cabral" }

result

{
  "welcome": "Welcome, Felippe Maurício!",
  "order": "Hi Luciana Cabral, your order ships to Rio de Janeiro.",
  "total": 10
}

TIP

Only string and number values in params appear in the result. Try adding a boolean or an object and watch it drop out. Reach into nested data with dotted and indexed paths such as {{ user.posts[0].title }}.

This playground also has filters & fallbacks enabled. The registered transforms are upper, lower, round (e.g. {{ amount | round: 2 }}) and currency, and you can fall back with {{ user.name || "there" }}.