Component-led
Components. Props. Types. In Liquid.
Every part of your theme is a real directory component with typed props and JSDoc-to-TS. No more copy-pasting snippets and hoping they still work.
Private beta · Liquid framework
Osmose
Built by Shopify theme devs, for Shopify theme devs — bringing the Theme Kit experience back.
The world’s first framework for Shopify Liquid.
- Full Liquid HMR
- Component HMR
- Liquid LSP
- Framework islands
- Shopify-native output
islands for
What Osmose actually does
Multi-framework
Lit next to Vue next to Svelte. One theme.
Five JavaScript frameworks side by side. Auto-detected. Auto-hydrated. Zero config.
- Lit
- Preact
- Vue
- Svelte
- Solid
Islands
Ship less JS. Feel faster.
Every component wraps in <island-element> with lazy hydration — idle, visible, load, media query. Pay for JS only where you need it.
Hot reload
HMR that speaks Liquid.
Change a component — the browser patches in place. Change a section — the section refreshes. Change a schema — the page reloads. Built for Shopify, not bolted on.
In-browser dev
See what changed. See what broke. Without leaving the browser.
The dev toolbar overlays every compile problem, HMR event, and warning right on top of the storefront preview. Skip the terminal.
Editor
Your editor already knows your theme.
Full LSP — completion, hover, go-to-definition, live diagnostics — for the components you’ve written, not just built-in tags. VS Code and Neovim, shipped.