Liquify Playground

Auto-render

Template

Liquid markup

{% assign title = "Hello, World!" %}
<h1>{{ title }}</h1>
<p>Today is {{ "now" | date: "%B %d, %Y" }}</p>

{% capture greeting %}Hello {{ "World" | upcase }}{% endcapture %}
<p>{{ greeting }}</p>

{% for item in items %}
  <div class="item">
    <span>{{ item.name }}</span>
    <span>{{ item.price | prepend: "$" }}</span>
  </div>
{% endfor %}

Context (JSON)

Variables available to template

{
  "items": [
    { "name": "Widget", "price": 9.99 },
    { "name": "Gadget", "price": 24.99 },
    { "name": "Doohickey", "price": 4.99 }
  ]
}

Output