Developer hub

Shopify Developer Resources

Guides, tutorials, theme references, and free tools for Shopify theme developers. Every resource links to in-depth content on this site.

Shopify Liquid

Learn Liquid fundamentals, copy production patterns, and reference syntax for OS 2.0 themes.

Liquid for beginners

Objects, tags, filters, and section basics for new theme developers.

Liquid examples

Real-world Liquid patterns for products, collections, and cart templates.

Liquid cheatsheet

Quick-reference syntax for loops, filters, and common storefront tasks.

Shopify Sections

Build merchant-editable sections with presets, settings, and dynamic blocks.

Section tutorial

Step-by-step guide to creating Online Store 2.0 section files.

Section generator

Turn design HTML into complete section.liquid with schema and presets.

Dynamic blocks guide

Map repeatable HTML rows to {% for block in section.blocks %} loops.

Shopify Schema

Understand and generate {% schema %} JSON that powers the theme editor.

Schema guide

How settings, blocks, and presets connect markup to merchant controls.

Schema generator

Visually build typed schema JSON — text, image_picker, range, and blocks.

Themes

Convert HTML sections for popular OS 2.0 themes and custom builds.

Dawn

Shopify's reference theme — JSON templates and section conventions.

Prestige

Premium theme patterns for luxury and editorial storefronts.

Broadcast

Content-rich theme layouts with flexible section architecture.

Impulse

High-conversion theme patterns for promotional storefronts.

Tools

Free developer tools for HTML-to-Liquid conversion and daily theme work.

Converter

Paste HTML and export OS 2.0 sections with schema, blocks, and scoped CSS.

Ready sections

Browse premium section HTML — preview, copy, or load into the converter.

Cheat sheet

100+ copy-paste Liquid snippets for production theme development.

Frequently asked questions

What is the HTML to Liquid resource hub?

A curated index of guides, tutorials, theme references, and free tools for Shopify theme developers. Every link points to an existing page on this site — no external paywalls.

Where should I start as a beginner?

Start with Liquid for beginners, then read how Shopify sections work. When you have HTML to convert, open the converter and review the section tutorial for context.

Are these resources free?

Yes. Guides, tools, and examples are free to use. The core converter works without signup.

How do I convert HTML to a Shopify section?

Paste your markup into the converter, choose Flat or Block export mode, review the generated Liquid and schema, then add the .liquid file to your theme sections folder.

Ready to convert HTML?

Open the free converter — no signup required.