Liquid Glass Studio
Built by Shopify developers who ship themes daily
HTML to Liquid Converter turns static markup into editable Online Store 2.0 sections — with schema, blocks, and validation workflows used on real Shopify projects.Last updated: June 9, 2026
Our mission
We build tools that solve the boring part of Shopify theme development — converting static HTML into merchant-editable sections with valid schema, blocks, and scoped CSS. No inflated usage claims. No fake testimonials. Just honest tooling for developers who ship real themes.
K2 Devworks
Crafted by Dhruv Goyani and Nishad Kikani at K2 Devworks — a studio building Shopify theme tooling for agencies and freelancers. We dogfood every release on real client themes before it ships.
k2devworks@gmail.comMeet our Shopify developers
Shopify theme developers at K2 Devworks who ship Online Store 2.0 sections on client stores and maintain HTML to Liquid Converter.
Dhruv Goyani
3 years web design + 3 years Shopify development experience
Dhruv combines web design and Shopify theme development — converting Figma and static HTML into merchant-editable OS 2.0 sections for client stores. He focuses on schema structure, section presets, and clean handoffs between design and Liquid.
- HTML to Liquid conversion
- Online Store 2.0 sections
- Section schema & presets
- Figma-to-Shopify workflows
Nishad Kikani
2 years web design + 6 years Shopify development experience
Nishad has six years of Shopify theme engineering — Dawn migrations, JSON templates, performance tuning, and complex block-based sections. He leads client delivery, code review, and the production standards behind every export from HTML to Liquid Converter.
- Shopify theme architecture
- Liquid performance & debugging
- Dynamic blocks & JSON templates
- Dawn & premium theme customization
Experience timeline
- 2019
Shopify client work begins
Nishad starts shipping custom Liquid sections and theme edits for DTC and wholesale merchants — learning schema pain points on real deadlines.
- 2021
Agency-scale section delivery
Dhruv joins full-time Shopify theme work. The team standardizes Figma-to-section handoffs, preset libraries, and scoped CSS conventions across client projects.
- 2023
HTML-to-Liquid bottleneck identified
Repeated client projects expose the same bottleneck: hours spent mapping static HTML to {% schema %} JSON. The development team prototypes an internal conversion compiler.
- 2024
HTML to Liquid Converter launches
The internal tool becomes htmltoliquidconverter.com — a free workspace for developers with validation, block detection, and OS 2.0 exports.
- 2026
Knowledge platform expansion
Developer guides, case studies, and Shopify workflows published openly — documenting mistakes, checklists, and real patterns from client work.
Repeated builds
Custom sections from client Shopify work
Agency & DTC
Merchant projects we've delivered
Active guides
Articles from live theme development
In production
Converter used on real section workflows
Shopify expertise
Section development
Heroes, FAQs, product grids, sliders, and landing modules with merchant-editable schema.
Liquid optimization
Loop limits, filter chains, snippet extraction, and editor-safe variable naming.
Theme performance
Lazy loading, asset budgeting, section setting counts, and JSON template hygiene.
Store migrations
Porting sections from legacy themes to OS 2.0 JSON templates without breaking merchant workflows.
App integration
Theme app extensions, metafields in Liquid, and third-party script boundaries.
Who uses it
Freelancers, agencies, theme developers, and store owners who need merchant-editable Shopify sections.
Shopify freelancers
Ship client sections faster — convert design HTML into editable Liquid without rewriting schema boilerplate on every project.
Shopify agencies
Standardize section exports across team members with consistent schema patterns, validation checks, and reusable presets.
Theme developers
Extend OS 2.0 themes with heroes, FAQs, sliders, and product grids that merchants can manage in the theme editor.
Store owners
Work with developers who produce merchant-editable sections — or explore guides and tools to understand how sections work.
Development philosophy
Clean Liquid
Readable templates with semantic markup, scoped styles, and no unnecessary helper classes injected into your HTML.
Maintainable code
Stable setting IDs, typed schema fields, and block structures your team can extend without reverse-engineering hand-written boilerplate.
Schema-first approach
Every section starts with {% schema %} — settings, blocks, and presets that match how merchants actually edit content.
Production-ready sections
Output targets real theme folders with validation checks — always review in your target theme before shipping to a live storefront.
How we think about section work
Why HTML to Liquid Converter was built
Section work is repetitive: find editable fields, name settings, wire presets, scope CSS, and validate schema. Starting from HTML should not mean retyping every setting ID. We built a compiler-first studio so developers spend time on design and performance — not boilerplate.
Real Shopify developer workflow problems
Design handoffs arrive as static HTML. Merchants need editable sections. Hand-converting every heading, image, and repeatable row into Liquid and {% schema %} JSON takes hours per section — and schema typos break the theme editor. We automate the structural work so you focus on theme-specific polish.
Schema-first philosophy
Every export starts with {% schema %} — typed settings, block definitions, and presets that match how merchants actually edit content. Hardcoded markup is a last resort, not a default.
Online Store 2.0 compatibility
Output follows JSON-template conventions: section files with presets, blocks, and scoped CSS using section.id. Compatible with Dawn, Prestige, Broadcast, Impulse, and custom OS 2.0 themes — always test in your target theme.
Developer-focused tooling
Flat and Block export modes, automated validation for common conversion issues, live preview, schema generator, and ready templates — built for freelancers, agencies, and in-house theme teams who ship sections weekly.
AI-assisted workflow
Optional AI structure detection helps with complex layouts — nested grids, ambiguous repeatables, mixed media. A deterministic converter always runs as fallback, so you get reliable output even when AI is unavailable.
Production-ready section philosophy
We target sections you can drop into a theme sections folder — with scoped CSS, valid schema, and presets — not throwaway prototypes. Always review accessibility, brand tokens, and theme fit before shipping.
Our workflow philosophy
Paste HTML
Start from Figma, Tailwind, or ready templates.
Compile
Flat or Block mode maps settings and schema automatically.
Ship
Drop section.liquid into your theme with scoped CSS.
Transparency
Transparency & Trust
Honest expectations about generated Shopify Liquid — no inflated claims, no fake reviews.
No fake AI promises
Optional AI assists with structure detection — a deterministic converter always runs as fallback. We do not claim perfect output for every HTML input.
Review generated code before shipping
Always inspect Liquid, {% schema %} JSON, scoped CSS, and accessibility in your target theme before deploying to a live storefront.
Built for real Shopify workflows
The studio targets production section work — schema, blocks, presets, and validation — not demo-quality markup.
Schema validation matters
Automated checks catch common schema and Liquid issues, but they do not replace human review for your theme, brand, and merchant workflow.
Merchants should test before publishing
Store owners should preview sections in the theme editor and verify content, links, and responsive behavior before publishing changes.
Frequently asked questions
Who built HTML to Liquid Converter?
Dhruv Goyani (3 years web design + 3 years Shopify development experience) and Nishad Kikani (2 years web design + 6 years Shopify development experience) at K2 Devworks — after years of client section delivery on real merchant stores.
Is output production-ready?
Sections include schema, scoped CSS, and validation checks — but you must always review output in your target theme before shipping to a live storefront.
Does it support Online Store 2.0?
Yes. Output follows OS 2.0 conventions for JSON templates, blocks, and theme editor settings.
Do I need an account to use the converter?
No. Core conversion features work without signup. Optional account features may sync history and preferences.
How does AI-assisted conversion work?
An optional AI pass analyzes HTML structure and suggests block mappings. A deterministic converter always produces baseline output — AI enhances, it does not replace, the core engine.
Ready to compile?
Open the workspace — no signup required.