Loading comparison...
Loading comparison...
Shopify's template language for building dynamic storefronts. Also used by Jekyll and other static site generators.
Liquid is an open-source template language created by Tobias Lutke at Shopify in 2006, originally built to power Shopify's storefront themes. Written in Ruby, it was designed with security and simplicity in mind — its sandboxed execution model prevents templates from executing arbitrary code, making it safe for environments where end users write templates. Liquid has since expanded far beyond Shopify, becoming the template engine for Jekyll (the static site generator behind GitHub Pages), Zendesk, SalesforceIQ, and numerous other platforms.
The language provides objects, tags, and filters as its three core concepts: objects output dynamic content with double curly braces, tags handle control flow and logic, and filters modify output through a pipe syntax. Liquid's deliberately limited feature set prevents templates from becoming unmaintainable by keeping complex logic in the application layer. Shopify's ecosystem alone hosts hundreds of thousands of stores using Liquid templates, making it one of the most commercially significant template languages in existence.
The language handles localization, currency formatting, date rendering, and product data display that directly drives e-commerce revenue. Community contributions have produced Liquid implementations in Python, JavaScript, PHP, .NET, and Go, enabling server-side rendering across technology stacks. Jekyll's adoption of Liquid means millions of documentation sites and blogs rely on it for content generation.
Liquid template diffs directly affect live storefronts and revenue-generating pages, making careful comparison essential before deployment. Changes to product listing loops, price filters, or conditional display logic can break checkout flows or show incorrect pricing to customers.
Shopify developers and content teams should compare Liquid files when updating themes, modifying collection templates, or changing localization filters that affect multi-currency displays.
UtraDiff compares Liquid template files with syntax highlighting that color-codes output tags {{ }}, logic tags {% %}, filters, and object properties distinctly from HTML content. Side-by-side view separates Shopify storefront logic changes — modified for loops, assign statements, and conditional blocks — from markup updates.
The whitespace-ignore toggle filters formatting noise in nested template blocks. Alt+arrow navigation jumps between changed tags, making theme customization review efficient.
Supported extensions: .liquid