// the find
uicrooks/shopify-theme-lab
Shopify theme development environment using Liquid, Vue and Tailwind CSS. Built on top of Shopify CLI 🧪
A Webpack-based build layer on top of Shopify CLI that wires Vue.js and Tailwind CSS into the standard Liquid theme structure. Targets developers who find vanilla Shopify theming painful and want a proper JS/CSS pipeline without building it themselves. Last meaningful commit was February 2024.
The config isolation under `.config/` is clean — webpack, PostCSS, ESLint, and Stylelint all separated from project files. The src/shopify split is sensible: JS/CSS lives in `src`, Liquid lives in `shopify`, webpack handles the bridge. Modular by design — Vue and Tailwind are defaults, not hard dependencies, so swapping to React or vanilla JS is realistic rather than theoretical. The companion foundation theme and plugins ecosystem means you're not starting from a blank slate.
Webpack in 2024 is a choice you'll regret — Vite has better HMR, faster builds, and is where the Shopify community has largely moved. No update since February 2024 means it's silently drifting from Shopify CLI changes, which ship frequently and break things. The Vue integration is Section-level mounting, which means you're fighting Liquid's server-rendering model rather than working with it — cart and product interactivity gets awkward fast. Zero test setup of any kind, so you're shipping blind on a platform where a broken cart costs real money.