Shopify Tools
Practice Shopify Liquid and theme development, entirely in your browser.
5 tools availableShopify Liquid Playground
Practice Shopify Liquid with live rendering against mock product, cart, and collection data — no theme or dev store required.
Section Schema Builder & Validator
Visually build a complete Shopify section schema — settings, blocks, and presets — with a live matching Liquid snippet, or paste an existing schema to validate it.
Metafield to Liquid Snippet Generator
Pick a Shopify metafield's type and owner resource and get the exact correct Liquid to read it — every type accesses its value differently.
Theme.liquid Structural Checker
Check a theme.liquid file for the two Liquid objects Shopify actually requires, content_for_header and content_for_layout, plus their placement and a few HTML best practices.
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.
Shopify Tools
Learn Liquid without a dev store
Shopify Tools is a growing collection built for people learning or working with Shopify theme development, starting with a Liquid Playground that renders real Shopify templating syntax entirely in your browser.
No dev store, no deploy step
Unlike most Shopify learning resources, nothing here requires a dev store, a paid theme, or a deploy step. Mock product, cart, and collection data stands in for a real store, so you can see exactly how a piece of Liquid behaves in seconds rather than minutes.
Privacy first, every time
As with every tool on Pixelquil, everything runs client-side: no signup, no uploads, and nothing about what you write is stored or sent to a server.