/awesome-shopify

📌✨A curated list of awesome Shopify resources, libraries and open source projects.

Creative Commons Zero v1.0 UniversalCC0-1.0

Awesome Shopify Awesome

Shopify

A curated list of awesome Shopify resources, libraries and open source projects.

Shopify is a popular e-commerce platform that allows to build and manage online stores. If you want to contribute, please read the contribution guidelines. Thanks to all contributors, you're awesome and wouldn't be possible without you!

Note: Are You A Merchant? - Bring your ideas to life for $1/month

Contents

Community

Documentation

Front-end Development

UI/UX

  • Shopify Polaris - Polaris is a React component library designed to help developers create the best experience for merchants. GitHub ☀️.
  • Shopify Polaris for Admin Figma UI kit - Polaris for Admin Web UI kit is now available in Figma. You can access the full kit in Figma with reusable components and up-to-date Polaris guidelines, icons, and color palette.
  • Polaris icon explorer - A collection of simple and informative icons that draw on the visual language of the Polaris design system.
  • Shopify Polaris design system for Vue JS - Polaris Vue based on Shopify Polaris style guide, built especially for Vue 3.

Dawn

Dawn is Shopify's reference theme, which is built for performance, flexibility, and ease of use. It uses Online Store 2.0 features

  • Shopify Dawn - Shopify's first source available reference theme, with Online Store 2.0 features and performance built-in.
  • Figma - Shopify's Dawn Theme - Online Store 2.0 - If you're designing themes for the new Shopify online store 2.0 and you wished you had the Dawn theme as a nicely put together Figma file.

Liquid Template

  • Liquid - Liquid is safe, customer-facing template language for flexible web apps.
  • Liquid Cheat Sheet - A resource for building Shopify Themes with Liquid.
  • Liquid template language reference - Liquid is the backbone of all Shopify themes, and is used to load dynamic content to the pages of online stores.

Others

  • Liquid Ajax Cart - A JavaScript library for building Shopify Ajax-carts using Liquid templates.
  • Cart.js - A JavaScript library to power your Shopify theme's cart.
  • Helium - A Shopify theme environment from scratch ⚙️, with Online Store 2.0 features. Built with performance ⚡️ and best practices in mind, has hot Module Reloading on SASS/ES6 file changes for rapid development and many more other features out of the box.
  • Shopify Theme Lab - Customizable modular development environment for blazing-fast Shopify theme creation, bundled with Vue.js and Tailwind CSS.
  • Shopify Packer - Modern development tool for Shopify using Webpack 5. Easy to extend and customize, zero build config, compatible with Slate and existing websites.
  • Setup and use Shopify metafields in your custom storefront - Using GraphQL API to create and get Shopify Metafields.
  • Foundationify - A theme for Shopify based on the responsive Zurb Foundation 5 framework.
  • Uptown CSS - Uptown CSS is a semantic toolkit designed to help developers build fully-responsive Shopify Apps.
  • Slate - Slate is a toolkit for developing Shopify themes, designed to assist your workflow and speed up the process of developing, testing, and deploying themes. ⚠️
  • Shopify Skeleton theme - A simplified Shopify theme. ⚠️
  • shopify-css-import - Add CSS import functionality to Shopify theme development with Grunt.js or Gulp.js. ⚠️

Mobile

You can use the iOS and Android Buy SDK to integrate Shopify checkout into your mobile applications. This lets you sell any of your physical products through the app and track sales info in your Shopify Admin. Learn more here›.

Android

iOS

Libraries

You can use official Shopify libraries or any of the third party libraries below for authenticating and interacting with the Shopify API.

Ruby

Python

JavaScript

DotNet

Elixir

Haskell

Java

Golang

  • gopify - A simple package for developing Shopify applications in Go.
  • bold-commerce/go-shopify - Go client for the Shopify API.
  • go-shopify - Golang tool for connecting to Shopify's API.
  • shoauth - Shopify oauth (oauth2) middleware for Golang.

PHP

R

  • shopifyr - Aims to provide an easy-to-use interface to the Shopify Admin API within R.

Rust

Examples

A Open Source Projects

JavaScript Examples

PHP Examples

Python Examples

Ruby Examples

Elixir Examples

Code Snippets

Tools

Browser extensions

Command Line Tools

  • Shopify CLI - Shopify CLI helps you build against the Shopify platform faster 🚀.
  • Shopify Theme Kit - Shopify theme development command line tool.
  • Shopify Theme Check - The Ultimate Shopify Theme Linter.
  • ziplinesFly - Fly into Shopify development with ease workflow.
  • grunt-shopify - Grunt plug-in for publishing Shopify theme assets.
  • Shopify Development Tools - Assists with the development/maintenance of apps and stores: manipulate metafields and webhooks, open admin pages, retrieve information about shops, etc.
  • Shopify ID Export - Dump Shopify product and variant IDs —along with other identifiers— to a CSV or JSON file.
  • Shopify Email Template Sync Client - Shync can checkout/download the Shopify email templates from your Shopify store admin to your local machine, and push/sync your email templates on your local machine to Shopify.

Editor

Services

  • Ngrok - Ngrok is a tool that makes it easy to expose your development environment to Internet.
  • RequestBin - It gives you a bucket to capture external requests. This is useful for seeing what the content of a Shopify Webhook are.
  • Hookdeck - Hookdeck is a tool to monitor your Shopify Webhooks with custom retry logic, alerts and filtering.
  • Chaos Genius - ML powered analytics engine for outlier/anomaly detection and root cause analysis. Connects with Shopify, Google & Facebook Ads, Postgres, Redshift, Snowflake, etc.
  • DeployBot - Shopify integration in DeployBot is a great way to streamline the development, review, and deployment of your store themes.

Utilities

Raycast Extension