A simple, expressive, safe and Shopify compatible template engine in pure JavaScript.
A simple, expressive and safe Shopify / Github Pages compatible template engine in pure JavaScript.
The purpose of this repo is to provide a standard Liquid implementation for the JavaScript community so that Jekyll sites, Github Pages and Shopify templates can be ported to Node.js without pain.
Basically there’re two types of Liquid syntax: tags enclosed by {% %}
and outputs enclosed by {{ }}
. A Liquid template looks like:
{% if username %}
{{ username | append: ", welcome to LiquidJS!" | capitalize }}
{% endif %}
A live demo is also available and here’s a quick tutorial for Liquid syntax.
Install from npm in Node.js:
npm install liquidjs
Or use the UMD bundle from jsDelivr:
<script src="https://cdn.jsdelivr.net/npm/liquidjs/dist/liquid.browser.min.js"></script>
Or render directly from CLI using npx:
npx liquidjs --template 'Hello, {{ name }}!' --context '{"name": "Snake"}'
For more details, refer to the Setup Guide.
Feel free to create a PR or contact me to add your use case into this list!
If you personally love LiquidJS or it’s benefiting your business, please consider financially support us:
Special thanks to the following sponsors!
Opensense |
Eleventy |
Peter deHaan |
Touchless |
Dropkiq |
Dailycontributors |
Serkan Holat |
amit777 |
Khaled Salem |
Sentry |
Checkout Blocks |
Want to contribute? see Contribution Guidelines. Thanks goes to these wonderful people: