Shopify Theme Lab

Shopify Theme Lab

Shopify theme development environment using Liquid, Vue and Tailwind CSS. Built on top of Shopify CLI.

Get Started Introduction

Cutting edge

Supports the latest Shopify tooling and features like Online Store 2.0.

Shopify CLI

Integrates very well with the official Shopify CLI.

Vue

Bundled with the latest Vue release. Supports the Vue 3 ecosystem.

Tailwind CSS

Bundled with the latest Tailwind CSS version. Tailwind UI support.

Themes

Start with a prebuilt Theme ready for customization or from scratch.

Customizable

Change any part of Theme Lab and make it your own!

Start developing

# init theme lab with the Shopify CLI
shopify theme init -u https://github.com/uicrooks/shopify-theme-lab

# log into your store
shopify login --store <your-store.myshopify.com>

# install dependencies and start developing
npm install
npm run start
1
2
3
4
5
6
7
8
9
# init theme lab with the Shopify CLI
shopify theme init -u https://github.com/uicrooks/shopify-theme-lab

# log into your store
shopify login --store <your-store.myshopify.com>

# install dependencies and start developing
yarn install
yarn start
1
2
3
4
5
6
7
8
9