Awesome
Awesome Shopify
<img src="shopify.png" width="250px" align="right" alt="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
- @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 introduces the OAuth flow for public apps and custom apps that are created in the Partner Dashboard.
- 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.
- Requirements for apps in the Shopify App Store - For submitting apps to the Shopify App Store.
- Everything You Need to Know About Development Stores - You need to be familiar with development stores. They are used for testing and installing your apps, providing example stores running your app, and for signing up clients to Shopify. .
Front-end Development
UI/UX
- Shopify Polaris - Polaris is a React component library designed to help developers create the best experience for merchants. GitHub :sunny:.
- 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
- 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.
- nestjs-shopify - Packages to develop Shopify application using NestJS.
DotNet
- nozzlegear/ShopifySharp - A .NET library for Shopify.
- agileharbor/shopifyAccess - Shoppify API .NET wrapper.
Elixir
- sticksnleaves/exshopify - Elixir client for the Shopify API.
- orbit-apps/elixir-shopifyapi - ShopifyAPI and Plug.ShopifyAPI Elixir client.
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.
- Kyon147/laravel-shopify - A full-featured Laravel package for aiding in Shopify App development.
- 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 :sunny:.
- 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.
- 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.
- Shopify Discount App Components) - A library of discounts-focused React components to help in building Shopify apps.
- Shopify App Template Remix - A template for building a Shopify app using the Remix framework.
- Shopify App Vue Template - Create a Shopify App with node and vue 3.
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
- orbit-apps/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
Browser extensions
- Shopify Theme Inspector for Chrome - Profile and debug Liquid template on your Shopify store.
- 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
- Shopify Liquid - Official VS Code extension for Shopify Liquid powered by Theme Check the Liquid linter and language server for online store themes (Source Code).
- 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.
- Cloudflare Tunnel - Cloudflare Tunnel to configure local server using cloudflare.
- 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
- Shopify Product CSVs and Images - Get your Shopify development stores started with great product data.
- Sketch Shopify Data Populator - A Sketch App plugin to populate your designs with meaningful ecommerce data.
- City Ecommerce UI Kit - City is our free ecommerce UI kit based on a fictional fashion apparel shop. (Prototyping Shopify Store design)
Raycast Extension
- Search Shopify Liquid Documentation - Raycast extension to preview and access Shopify documentation.
- Shopify Developer Changelog - Raycast extension listing the Shopify changlog.