Liquid

v0.7.0 · by Jeffrey Guenther · added 3 November 2026

Shopify Liquid support

LanguagesLanguage servers

How to install

With Forge Super installed, the button above opens the app on this extension, where you press Install. Nothing is installed until you do.

You can also open the Extensions panel in the app and search for Liquid. The extension's id is liquid.

Don't have Forge Super yet? Download it here.

README

From the extension's repository, written by its authors and not by Mentenaz. See the source.

Shopify Liquid Extension for Zed

This extension adds syntax highlighting for Liquid to Zed.

More work is needed to bring this extension in line with vscode plugin, so contributions are welcome!

[!CAUTION] The injections.scm used by this plugin considers the template content to only be HTML.

*.js.liquid will not have correctly highlighted JS. No info is derived from the file extension to set the base file type.

How to deal with this will come in the future.

Configure Prettier formatting and Tailwind LSP

"lsp": {
  "tailwindcss-language-server": {
    "settings": {
      "includeLanguages": {
        "liquid": "html"
      }
    }
  }
},
"languages": {
  "Liquid": {
    "prettier": {
      "allowed": true,
      "plugins": [
        "@shopify/prettier-plugin-liquid",
        "prettier-plugin-tailwindcss"
      ]
    },
    "language_servers": ["tailwindcss-language-server", "..."]
  }
}

Credits

This extension uses grammar and queries from nvim-treesitter