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

  • PHP Examples

  • Python Examples

  • Ruby Examples

  • Elixir 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 Slack Community - Official Shopify Partners Slack Channel. If you are a Partner, go to your resources tab and it should be linked there as well.

• Shopify Devs Discord Community - Official Shopify Devs Discord Channel.

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

• Shopify Packer - Modern development tool for Shopify using Webpack 5. Easy to extend and customize, zero build config, compatible with Slate and existing websites.

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.

Shopify Online Store 2.0

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

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

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.

• 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 - ShopifyAPI library allows Python developers to programmatically access the admin section of stores.

• django-shopify-auth - A package for adding 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.

• shopify-nextjs-toolbox - A set of server side and client side NextJs utilities for integrating with Shopify's OAuth & App Bridge authentication.

DotNet

• nozzlegear/ShopifySharp - A .NET library for Shopify.

• agileharbor/shopifyAccess - Shoppify API .NET wrapper.

Elixir

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

• pixelunion/elixir-shopifyapi - ShopifyAPI and Plug.ShopifyAPI Elixir client.

• 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 - The Java wrapper for the Shopify API.

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

• Shopify API Library for PHP - Official library provides support for PHP Shopify apps to access the Shopify Admin API 🚀.

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

• osiset/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 ☀️.

• Storefront API Examples - Example custom storefront applications built on Shopify's Storefront API.

• Product Reviews Sample App - Sample app was built as a reference for how Shopify Developer tools can be used together to create a fully functional application.

• SmallAwesomeShop - An Angular 7 App example using Shopify's Storefront GraphQL API.

• Shopify App with Node.js, MongoDB and Next.js - Boilerplate embedded app made with Node.js, MongoDB and Next.js.

• Next.JS App with Session Token - An example of a Shopify App powered by NextJS with Session Tokens (no custom server necessary).

• Vue Storefront 2 - Vue Storefront 2 integration for Shopify.

• Shopify app with Node.js, MongoDB, React.js and Express - Boilerplate embedded app made with Express.js, MongoDB and React.js with webhooks, GDPR routes, monetization and more hooked up and ready to go.

• Shopify App Starter (Typescript, Mongo, Express, React) - A shopify app starter written in Typescript. It uses Mongodb, Express and React.

PHP Examples

• shopify-app-php - Example Shopify PHP app (Laravel).

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

Elixir Examples

• pixelunion/elixir-shopify-app - Elixir Shopify App boilerplate (Phoenix).

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.

• Shopify App Detector - Detect which apps and what theme a Shopify store is using. GitHub

• Shopify Theme Wizard - Detect which theme a Shopify store is using.

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

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

• Hookdeck - Hookdeck 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)