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!

Contents

• Community
• Documentation
• Front-end Development
• Mobile
• Libraries
  • Ruby
  • Python
  • JavaScript
  • DotNet
  • Elixir
  • Haskell
  • Java
  • Golang
  • PHP
  • R
  • Rust
• Examples
  • JavaScript Examples
  • Python Examples
  • Ruby Examples
• Code Snippets
• Tools

Community

• @ShopifyPartners - The Official Shopify Partners Twitter account.
• @ShopifyDevs - A Shopify Devs Team Twitter account.
• Community Discussion Forums - Discussing eCommerce best practices and how to have a successful online store.
• Shopify Partners - Official Shopify Partners Slack Channel. If you are a Partner, go to your resources tab and it should be linked there as well.
• eCommTalk - A Slack Community created to bring Shopify lovers together.
• /r/shopify - The Shopify Reddit Community.

Documentation

• Developer changelog - The Official Developer Changelog blog with important changes to APIs and other developer products.
• Developer guides - If you're new to developing apps for Shopify, take a look at the official guides to get an overview of the process.
• Shopify - The OAuth flow for Authentication - This guide will walk you through the OAuth Authorization process.
• Shopify Partner Account - If you don't have a Shopify Partner account yet head over here and create one, you'll need it before you can start developing apps.
• App requirements checklist - For submitting apps to the Shopify App Store.
• Everything You Need to Know About Development Stores - Understanding development stores.

Front-end Development

UI/UX

• Shopify Polaris - Polaris is a React component library designed to help developers create the best experience for merchants. GitHub ☀️.
• 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 Polaris UI Kit - The Sketch UI kit provides a set of reusable components to help you craft great products for Shopify.
• Polaris icon explorer - A collection of simple and informative icons that draw on the visual language of the Polaris design system.
• Shopify Theme Lab - Customizable modular development environment for blazing-fast Shopify theme creation, bundled with Vue.js and Tailwind CSS.

CSS Frameworks

• 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.

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

• Cart.js - A JavaScript library to power your Shopify theme's cart.
• Shopify Skeleton theme - A simplified Shopify theme.
• shopify-css-import - Add CSS import functionality to Shopify theme development with Grunt.js or Gulp.js.
• Setup and use Shopify metafields in your custom storefront - Using GraphQL API to create and get Shopify Metafields.

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

• Shopify Mobile for Android
• Shopify Mobile Buy SDK

iOS

• Shopify Mobile for iPhone
• Shopify Mobile Buy SDK

Libraries

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

Ruby

• shopify_api - Shopify Ruby API.
• shopify_app - A Ruby on Rails Engine.
• omniauth-shopify-oauth2 - Authentication using OmniAuth.
• shopify-sinatra-app - Shopify Sinatra App.
• lucid_shopify - Basic interfaces to the Shopify API.

Python

• shopify_python_api - Shopify Python API.
• django-shopify-auth - Add Shopify authentication to a Django app.
• Django Shopify Webhook - A package for receiving Shopify Webhooks in Django.

JavaScript

• @shopify/koa-shopify-auth - Shopify Auth for Koa HTTP middleware framework.
• @shopify/koa-shopify-graphql-proxy - Shopify GraphQL Proxy for Koa HTTP middleware framework.
• @shopify/koa-shopify-webhooks - Shopify Webhooks Middleware for Koa HTTP middleware framework.
• js-buy-sdk - Shopify JavaScript Buy SDK.
• shopify-api-node - Node.js Shopify connector.
• shopify-node-api - OAuth2 Module for Shopify API.

DotNet

• nozzlegear/ShopifySharp - A .NET library for Shopify.
• agileharbor/shopifyAccess - Shoppify API .NET wrapper.

Elixir

• sticksnleaves/exshopify - Elixir client for the Shopify API.
• shopify_elixir - A Shopify API library for Elixir.

Haskell

• haskell-shopify - A type-safe Haskell client for the Shopify API.

Java

• shopify-api-java-wrapper - Java wrapper for the Shopify API.

Golang

• bold-commerce/go-shopify - Shopify for Golang.
• go-shopify - Golang tool for connecting to Shopify's API.
• shoauth - Shopify oauth (oauth2) middleware for Golang.

PHP

• pizdata/oauth2-shopify-php - Shopify Provider for the OAuth 2.0 Client.
• multidimension-al/oauth2-shopify - Shopify's OAuth 2.0 support for the PHP League's OAuth 2.0 Client.
• ShopifyExtras/PHP-Shopify-API-Wrapper - Guzzle-based API client.
• phpclassic/php-shopify - PHP SDK for Shopify API.
• ZfrShopify - Guzzle client around Shopify API.
• Shopify API Package for Laravel - A Laravel API Wrapper.
• donutdan4114/shopify - A simple Shopify PHP SDK for private apps to easily interact with the Shopify API.
• slince/shopify-api-php - Shopify API Client for PHP.
• ohmybrew/Basic-Shopify-API - A simple, tested, API wrapper for Shopify using Guzzle for REST and GraphQL.
• ohmybrew/laravel-shopify - A full-featured Laravel package for aiding in Shopify App development.
• buy-button-wordpress - Wordpress plugin for the Buy Button.
• bold-shopify-toolkit - A Symfony Based Shopify api wrapper.
• oseintow/laravel-shopify - Laravel Shopify is a simple package which helps to build robust integration into Shopify.
• tothjmt/Laravel-Shopify - A Laravel / Shopify API Wrapper.
• CakePHP Plugin - A simple plugin for CakePHP.

R

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

Rust

• Ventmere/shopify - Shopify API Client for Rust.

Examples

A Open Source Projects

JavaScript Examples

• Shopify App Node - Boilerplate to create an embedded Shopify app made with Node, Next.js, Shopify-koa-auth, Polaris, and App Bridge React ☀️.
• Shopify App with Node.js and React - Build a Shopify Demo App with Node.js and React.
• Storefront API Examples - Example custom storefront applications built on Shopify's Storefront API.
• SmallAwesomeShop - An Angular 7 App example using Shopify's Storefront GraphQL API.

Python Examples

• shopify_django_app - Shopify Django App Example.

Ruby Examples

• shopify-fulfillment-integration - Example Fulfillment Service Integration with Shopify.
• Hosted Payment Simulator - Example of using the Hosted Payment SDK.
• shopify-sim - Sinatra app to preview a Shopify theme locally.
• shopify-surge-pricing - A demo of surge pricing for Shopify based on cart update webhooks.
• shopify-tax-receipts - Shopify app for automatically sending tax receipts when specified products are purchased.
• partner-metrics-for-shopify - Metrics Dashboard for Shopify Partners, on Rails.
• Shopify app starter kit - A Shopify app boilerplate written in Ruby on Rails with appropriate tools to get your Shopify app up and running quickly 🚀.

Code Snippets

• freakdesign/Shopify-code-snippets - Shopify Code Snippets examples and tips.
• vikrantnegi/shopify-code-snippets - A compilation of code snippets for Shopify developers.
• gocomet/snippets - A collection of code snippets, generally for use with Shopify.

Tools

App

• Shopify developer-tools - A macOS app that connects to your Shopify store(s) and allows you to make authenticated calls to the Admin API, generate dummy data, and view and customize Polaris components. More info.

Browser extensions

• Shopify Theme Inspector for Chrome - Profile and debug Liquid template on your Shopify store.
• ShopifyFD Dashboard Tool - Chrome extension to provide additional functionality to the Shopify dashboard.
• Custom Fields for Shopify - Chrome extension to navigate across the custom fields.

Command Line Tools

• shopify-app-cli - Shopify App CLI helps you build Shopify apps faster 🚀.
• Theme Kit - Theme asset interaction library and management.
• Shopify Theme - A console tool for interacting with Shopify Theme Assets.
• ziplinesFly - Fly into Shopify development with ease workflow.
• grunt-shopify - Grunt plug-in for publishing Shopify theme assets.
• Shopify ID Export - Dump Shopify product and variant IDs —along with other identifiers— to a CSV or JSON file.

Editor

• VS Code Liquid - Liquid VS Code extension that supports formatting, syntax highlighting and more.
• Shopify Textmate Bundle - A Textmate Bundle for interacting with Shopify Theme Assets.
• vim-liquid - Vim Liquid runtime files.
• VS Code Liquid Snippets Extension - An extension for the VS Code editor with autocomplete snippets for Shopify Liquid.

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.
• Hoodeck - Hoodeck is a tool to monitor your Shopify Webhooks with custom retry logic, alerts and filtering. Useful to provide visbility and save time when working with webhooks in development and production.

Utilities

• Shopify Product CSVs and Images - Get your Shopify development stores started with great product data.
• UnProduct-Shopify - Non-uniform test product data for the Shopify Platform. Use UnProduct-Shopify to simulate real world products.
• Sketch Shopify Data Populator
• City Ecommerce UI Kit - City is our free ecommerce UI kit based on a fictional fashion apparel shop. (Prototyping Shopify Store design)