Liquid Filter & Object Reference
A searchable reference of Shopify's most-used Liquid filters and objects, each with a real, live-rendered example, not just a description.
Rendering live examples...
How it works
- 1
Search or browse
Type a filter or object name, or part of its description, or scroll the full list.
- 2
Switch between Filters and Objects
Use the toggle to narrow results to just one type, or leave it on All.
- 3
Narrow by category
Use the dropdown to filter to a specific group, like Money, Array, or Product.
- 4
Read the live example
Each card with an example shows the exact Liquid input and its real, computed output underneath.
- 5
Check for warning notes
A small amber note means that entry's output is a simplified approximation, not pixel-identical to Shopify's real behavior.
About the Liquid Filter & Object Reference
Shopify's own documentation lists what each Liquid filter and object does, but reading a description isn't the same as seeing it actually run against real-shaped data. This reference covers 65 filters and 28 objects, searchable by name or description, and every entry that can be meaningfully demonstrated shows its actual input and rendered output, computed live using the same LiquidJS engine behind our Liquid Playground, against a shared, realistic mock product, cart, and collection.
Why a live example beats a description
A filter description tells you what a filter is supposed to do, an actual rendered example shows you exactly what it does, including the small formatting details, capitalization rules, decimal handling, exact output shape, that a one-line description tends to gloss over. Every filter and object entry with a runnable example here shows both the input Liquid and its real computed output side by side, so there's nothing to mentally simulate.
Organized by category, searchable across both filters and objects
Filters are grouped into String, Number, Array, Money, Misc, Color, Media, HTML, and Localization. Objects are grouped by what they represent, Product, Cart, Order, Content, Design, Theme, and Platform. Searching matches both the name and the description at once, and the type toggle and category dropdown narrow results further, so finding "the filter that formats a price" or "the object that holds cart items" doesn't require already knowing its exact name.
Where a live example genuinely isn't possible
Objects like section, block, settings, request, form, and search depend entirely on real runtime context, an actual section's settings schema, the current request's path, a form's submission state, that can't be meaningfully faked with static mock data. These are shown with their key properties listed for reference, clearly marked as reference-only rather than dressed up with a fabricated live example that would just be a guess.
Where examples are illustrative rather than exact
A handful of filters, the color math family, image and asset URL filters, weight formatting, and translation, are flagged with a small warning on their card. Shopify's real CDN image resizing, exact color algorithms, and locale file lookups aren't things a browser-only reference can reproduce byte for byte, so these show a reasonable, clearly-labeled approximation rather than presenting a guess as Shopify's actual output.
Not a complete list of every filter Shopify has ever shipped
Shopify's full filter list runs well past a hundred entries, including a number of narrow, infrequently used ones. This reference deliberately covers the roughly 65 filters and 28 objects that come up in the overwhelming majority of real theme work, not a literal reproduction of Shopify's entire reference documentation, which remains the source of truth for anything genuinely obscure.
Runs entirely in your browser
Every live example is rendered locally using LiquidJS, nothing is sent to a server. Our Liquid Playground is the natural next step for testing your own combinations beyond a single filter or object, and our Metafield to Liquid Snippet Generator covers metafield-specific access patterns in more depth, both part of the same Shopify Tools collection this tool belongs to.
Frequently asked questions
Does this cover every Shopify Liquid filter?
No, it covers roughly 65 of the most commonly used filters across every major category. Shopify's full list is larger and includes a number of narrow, infrequently used filters not included here.
Why do some objects have no live example?
Objects like section, settings, request, and form depend on real runtime context, an actual theme editor session, a real request, that can't be meaningfully faked with static data, so they're shown as reference-only.
What does the amber warning on some filters mean?
It means that filter's output here is a simplified, illustrative approximation, color math, image URLs, and locale lookups can't be reproduced exactly the way Shopify's real servers do it in a browser-only tool.
Is the rendered output actually computed, or just typed out as an example?
It's actually computed, every example is rendered live using LiquidJS against shared mock data when the page loads, not a hand-written string pretending to be output.
Can I search for a filter if I don't know its exact name?
Yes, search matches against each entry's description too, so searching "price" or "format currency" finds the money filters even without knowing their exact names.
Does this use the same engine as the Liquid Playground?
Yes, both tools use LiquidJS with the same custom Shopify-specific filters registered, so behavior stays consistent between browsing the reference and testing your own code in the Playground.
Why is money shown in a specific currency format?
The mock shop object is set to USD for the examples here, the same way a real store's currency setting determines how the money filter formats output.
Is anything I search or view sent to a server?
No, searching, filtering, and rendering all happen entirely in your browser. Nothing is sent anywhere.