awesome-shopify

📌✨A curated list of awesome Shopify resources, libraries and open source projects.
https://github.com/julionc/awesome-shopify

Last synced: 2 days ago
JSON representation

Front-end Development
- Others
  - Setup and use Shopify metafields in your custom storefront - Using GraphQL API to create and get Shopify Metafields.
  - 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.
  - Setup and use Shopify metafields in your custom storefront - Using GraphQL API to create and get Shopify Metafields.
  - 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.
  - Foundationify - A theme for Shopify based on the responsive Zurb Foundation 5 framework.
  - Shopify Skeleton theme - A simplified Shopify theme. ⚠️
  - 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.
  - Uptown CSS - Uptown CSS is a semantic toolkit designed to help developers build fully-responsive Shopify Apps.
  - Cart.js - A JavaScript library to power your Shopify theme's cart.
  - Liquid Ajax Cart - A JavaScript library for building Shopify Ajax-carts using Liquid templates.
  - 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.
  - Cart.js - A JavaScript library to power your Shopify theme's cart.
  - Cart.js - A JavaScript library to power your Shopify theme's cart.
  - Cart.js - A JavaScript library to power your Shopify theme's cart.
  - 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-css-import - Add CSS import functionality to Shopify theme development with Grunt.js or Gulp.js. ⚠️
  - 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.
- UI/UX
  - Shopify Polaris - Polaris is a React component library designed to help developers create the best experience for merchants. [GitHub](https://github.com/Shopify/polaris) :sunny:.
  - 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 Polaris design system for Vue JS - Polaris Vue based on Shopify Polaris style guide, built especially for Vue 3.
  - 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.
  - Shopify Polaris - Polaris is a React component library designed to help developers create the best experience for merchants. [GitHub](https://github.com/Shopify/polaris) :sunny:.
  - Shopify Polaris - Polaris is a React component library designed to help developers create the best experience for merchants. [GitHub](https://github.com/Shopify/polaris) :sunny:.
- Dawn
  - 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.
  - 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.
  - Shopify Dawn - Shopify's first source available reference theme, with Online Store 2.0 features and performance built-in.
  - Dawn
- Liquid Template
  - 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.
  - Liquid - Liquid is safe, customer-facing template language for flexible web apps.
  - 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.
Mobile
- iOS
  - Shopify Mobile for iPhone
  - Shopify Mobile Buy SDK
- Android
  - Shopify Mobile for Android
  - Shopify Mobile Buy SDK
- Others
  - Learn more here›
Tools
- Services
  - Ngrok - Ngrok is a tool that makes it easy to expose your development environment to Internet.
  - 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](https://help.shopify.com/en/manual/orders/notifications/webhooks) are.
  - Hookdeck - Hookdeck is a tool to monitor your [Shopify Webhooks](https://shopify.dev/api/admin/rest/reference/events/webhook) with custom retry logic, alerts and filtering.
  - DeployBot - Shopify integration in DeployBot is a great way to streamline the development, review, and deployment of your store themes.
  - Chaos Genius - ML powered analytics engine for outlier/anomaly detection and root cause analysis. Connects with Shopify, Google & Facebook Ads, Postgres, Redshift, Snowflake, etc.
  - Cloudflare Tunnel - Cloudflare Tunnel to configure local server using cloudflare.
  - Ngrok - Ngrok is a tool that makes it easy to expose your development environment to Internet.
  - Ngrok - Ngrok is a tool that makes it easy to expose your development environment to Internet.
  - Ngrok - Ngrok is a tool that makes it easy to expose your development environment to Internet.
  - Ngrok - Ngrok is a tool that makes it easy to expose your development environment to Internet.
  - Ngrok - Ngrok is a tool that makes it easy to expose your development environment to Internet.
  - Ngrok - Ngrok is a tool that makes it easy to expose your development environment to Internet.
- 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](https://github.com/feracommerce/shopify_app_detector)
  - Shopify Theme Wizard - Detect which theme a Shopify store is using.
  - 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](https://github.com/feracommerce/shopify_app_detector)
  - Shopify Theme Wizard - Detect which theme a Shopify store is using.
  - Shopify Theme Wizard - Detect which theme a Shopify store is using.
  - 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](https://github.com/feracommerce/shopify_app_detector)
  - 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](https://github.com/feracommerce/shopify_app_detector)
  - Shopify Theme Wizard - Detect which theme a Shopify store is using.
  - 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](https://github.com/feracommerce/shopify_app_detector)
  - Shopify Theme Wizard - Detect which theme a Shopify store is using.
  - Shopify Theme Wizard - Detect which theme a Shopify store is using.
  - 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](https://github.com/feracommerce/shopify_app_detector)
  - 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](https://github.com/feracommerce/shopify_app_detector)
  - Shopify Theme Wizard - Detect which theme a Shopify store is using.
- Command Line Tools
  - ziplinesFly - Fly into Shopify development with ease workflow.
  - Shopify Theme Kit - Shopify theme development command line tool. ⚠️
  - Shopify Theme Check - The Ultimate Shopify Theme Linter. ⚠️
  - 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 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.
  - Shopify CLI - Shopify CLI helps you build against the Shopify platform faster 🚀.
  - Shopify ID Export - Dump Shopify product and variant IDs —along with other identifiers— to a CSV or JSON file.
- Editor
  - VS Code Liquid Snippets Extension - An extension for the VS Code editor with autocomplete snippets for Shopify Liquid.
  - 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.
  - 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](https://github.com/Shopify/theme-tools/tree/main/packages/vscode-extension)).
- 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.
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.
- @ShopifyPartners - The Official Shopify Partners Twitter account.
- @ShopifyDevs - A Shopify Devs Team Twitter account.
- @ShopifyPartners - The Official Shopify Partners Twitter account.
- @ShopifyDevs - A Shopify Devs Team Twitter account.
- @ShopifyPartners - The Official Shopify Partners Twitter account.
- @ShopifyDevs - A Shopify Devs Team Twitter account.
- @ShopifyPartners - The Official Shopify Partners Twitter account.
- @ShopifyDevs - A Shopify Devs Team Twitter account.
- Shopify community for partners and developers - The Official Shopify Partners And Developers Forum.
- Shopify Devs Discord Community - Official Shopify Devs Discord Channel.
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 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.
- 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. .
- 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.
- 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.
- 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.
- 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.
- 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.
- Requirements for apps in the Shopify App Store - For submitting apps to the Shopify App Store.
Libraries
- JavaScript
  - @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.
  - @shopify/koa-shopify-auth - Shopify Auth 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.
- Ruby
  - 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.
  - shopify_api - Shopify Ruby API.
- Python
  - shopify_python_api - ShopifyAPI library allows Python developers to programmatically access the admin section of stores.
  - Django Shopify Webhook - A package for receiving Shopify Webhooks in Django.
  - Django Shopify Webhook - A package for receiving Shopify Webhooks in Django.
  - django-shopify-auth - A package for adding Shopify authentication to a Django app.
- 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
  - 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.
  - 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.
  - Shopify API Library for PHP - Official library provides support for PHP Shopify apps to access the Shopify Admin API 🚀.
  - 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.
  - Kyon147/laravel-shopify - A full-featured Laravel package for aiding in Shopify App development.
- 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
- Ruby Examples
  - shopify-sim - Sinatra app to preview a Shopify theme locally.
  - shopify-fulfillment-integration - Example Fulfillment Service Integration with Shopify.
  - Hosted Payment Simulator - Example of using the [Hosted Payment SDK](https://shopify.dev/apps/payments/hosted-payment-sdk).
  - 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 🚀.
- 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.
- Elixir Examples
  - orbit-apps/elixir-shopify-app - Elixir Shopify App boilerplate (Phoenix).
Code Snippets
- Elixir Examples
  - 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.

Programming Languages

PHP 16 JavaScript 16 Ruby 12 Go 8 Liquid 7 TypeScript 6 Python 6 Elixir 3 C# 2 Java 2

awesome-shopify

Front-end Development

Others

UI/UX

Dawn

Liquid Template

Mobile

iOS

Android

Others

Tools

Services

Browser extensions

Command Line Tools

Editor

Utilities

Raycast Extension

Community

Documentation

Libraries

JavaScript

Ruby

Python

DotNet

Elixir

Haskell

Java

Golang

PHP

R

Rust

Examples

Ruby Examples

JavaScript Examples

PHP Examples

Python Examples

Elixir Examples

Code Snippets

Elixir Examples