Skip to content
On this page

Liquid + Svelte = Liquivelte

Liquivelte is a way to use Svelte in Shopify theme development. It has a VSCode extension that carries out a build process and outputs Liquid + JS and CSS.

Basic idea behind it is, liquid control flow tags are very similar to Svelte's. So in theory we ca convert one to another.

VSCode extension at its core is a svelte preprocessor that converts liquid template to valid Svelte before compilation. But it is a bit tricky, that is why this project is a VSCode extension rather than a rollup/webpack package.

WARNING

Using this project requires both Liquid and Svelte knowledge.

DANGER

This is a work in progress, a new version of extension will be published soon. This documentation reflects features of the future version.