Free Tool
Shopify Liquid Formatter
Paste unformatted or minified Liquid/HTML and get it re-indented based on {% %} block tags and HTML nesting. Useful for reading exported theme code, cleaning up a section before a client hand-off, or making sense of a competitor's theme file.
How It Works
Three Steps, Done
01
Paste your code
Liquid, HTML, or a mix of both.
02
Click Format
It walks the {% if %}/{% for %}/{% endif %} and HTML tag structure to indent it.
03
Copy the result
Grab the cleaned-up version for your theme file.
Why It Matters
More Than Just Convenient
- Runs entirely in your browser, no code is uploaded anywhere.
- Makes reviewing a Shopify theme's section/snippet files far faster during audits or handovers.
- Handles the Liquid-specific block tags (if/unless/for/case/capture/schema) that generic HTML formatters get wrong.
FAQ
Common Questions
No, it only re-indents based on tag structure. It won't catch a missing {% endif %} beyond leaving the indentation off.
No, it only adjusts whitespace/indentation. Tag content and order are untouched.
Need This Done For You?
Let's Talk About Your Project
If this tool solved a small piece of a bigger problem, I can help with the rest: WordPress and Shopify development, speed optimization, and ongoing support.