Introduction

Shopify Theme Lab is a customizable modular development environment for blazing-fast Shopify theme creation. It is built on top of the Shopify CLIopen in new window and extends it with additional workflow and building capabilities. By default, it's bundled with Vue.js and Tailwind CSS, but you can swap them for pretty much anything.

Why Theme Lab?

The new Shopify Dawn theme is written in vanilla JavaScript and CSS and is quite opinionated about possible design choices. Theme Lab on the other hand is well suited for building a complex theme either from scratch, with your favourite Framework, or starting with a clutter free Foundation Themeopen in new window

Features

• Shopify
  • Integrates with the Shopify CLIopen in new window
  • Online Store 2.0open in new window support
• JavaScript
  • Vueopen in new window
  • Vuexopen in new window
  • Swap Vue with any other framework e.g. Alpine.js
  • Extend with npm packagesopen in new window 📦
• CSS
  • Tailwind CSSopen in new window
  • Swap Tailwind CSS with any other framework e.g. Bulma
  • PostCSSopen in new window
  • Preprocessor support: SASS / SCSS, LESS and Stylus
• Workflow
  • Webpackopen in new window
  • Babelopen in new window
  • ESLintopen in new window
  • stylelintopen in new window
  • Browserslistopen in new window
  • Autoprefixeropen in new window
  • Easy customizable configurations