A loosely related set of packages for JavaScript/TypeScript projects at Shopify
Alternatives To Quilt
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Mitosis9,61317a month ago207July 31, 2023155mitTypeScript
Write components once, run everywhere. Compiles to React, Vue, Qwik, Solid, Angular, Svelte, and more.
2 days ago16mitTypeScript
Next.js Commerce
Builder5,6792648 hours ago1,138August 08, 2023123mitTypeScript
Drag and drop headless CMS for React, Vue, Svelte, Qwik, and more
Quilt1,61275516 days ago48August 24, 2022138mitTypeScript
A loosely related set of packages for JavaScript/TypeScript projects at Shopify
9 months ago7mitJavaScript
💀 Headless Shopify Starter – powered by Next.js + Sanity.io
Storefront Api Examples1,075
3 months ago149mitJavaScript
Example custom storefront applications built on Shopify's Storefront API
Hydrogen77918a day ago100September 21, 2022156mitTypeScript
Hydrogen is Shopify’s stack for headless commerce. It provides a set of tools, utilities, and best-in-class examples for building dynamic and performant commerce applications. Hydrogen is designed to dovetail with Remix, Shopify’s full stack web framework, but it also provides a React library portable to other supporting frameworks. Demo store 👇🏼
Shopify App Template Node695
3 months ago36mitJavaScript
Next Shopify Storefront628
3 days ago2June 03, 20216mitTypeScript
🛍 A Shopping Cart built with TypeScript, Tailwind CSS, Headless UI, Next.js, React.js, Shopify Hydrogen React,... and Shopify Storefront GraphQL API.
Web Configs43880242 months ago15December 08, 202118mitJavaScript
Common configurations for building web apps at Shopify
Alternatives To Quilt
Select To Compare

Alternative Project Comparisons


License: MIT Build Status Build Status

A loosely related set of packages for JavaScript/TypeScript projects at Shopify.

These libraries compose together to help you create performant modern JS apps that you love to develop and test. These packages are developed primarily to be used on top of the stack we like best for our JS apps; Typescript for the flavor, Koa for the server, React for UI, Apollo for data fetching, and Jest for tests. That said, you can mix and match as you like.

Over the past few years, this repo has become a dumping ground for a variety of packages unrelated to the core problems Quilt, and it's stewards - the Admin Web Foundation team - aims to solve. Before submitting a pull request, please speak with the Admin Web Platform team on guidance as to whether a package might belong in Quilt. The Admin Web Platform team's focus is on the web codebase. If you're proposing a package that has not already been widely used in the web codebase then it is unlikely that it would be merged into Quilt.


The Quilt repo is managed as a monorepo that is composed of 70 npm packages and one Ruby gem. Each package/gem has its own README.md and documentation describing usage.

Package Index

Package Version Description
@shopify/address Address utilities for formatting addresses
@shopify/address-consts Constants and types relating to @shopify/address
@shopify/address-mocks Address mocks for @shopify/address
@shopify/admin-graphql-api-utilities A set of utilities to use when consuming Shopifys admin GraphQL API
@shopify/async Primitives for loading parts of an application asynchronously
@shopify/browser Utilities for extracting browser information from user-agents
@shopify/csrf-token-fetcher JavaScript utility function to fetch the CSRF token required to make requests to a Rails server
@shopify/css-utilities A set of CSS styling-related utilities
@shopify/dates Lightweight date operations library
@shopify/function-enhancers A set of helpers to enhance functions
graphql-config-utilities Common utilities for graphql-config
graphql-fixtures Utilities for generating fixture objects from GraphQL documents.
graphql-mini-transforms Transformers for importing .graphql files in various build tools.
@shopify/graphql-persisted Apollo and Koa integrations for persisted GraphQL queries.
@shopify/graphql-testing Utilities to create mock GraphQL factories
graphql-tool-utilities Common utilities for GraphQL developer tools
graphql-typed A more strongly typed version of GraphQL's DocumentNode.
graphql-typescript-definitions Generate TypeScript definition files from .graphql documents
graphql-validate-fixtures Validates JSON fixtures for GraphQL responses against the associated operations and schema
@shopify/i18n Generic i18n-related utilities
@shopify/jest-dom-mocks Jest mocking utilities for working with the DOM
@shopify/jest-koa-mocks Utilities to easily stub Koa context and cookies
@shopify/koa-liveness-ping A package for creating liveness ping middleware for use with Koa
@shopify/koa-metrics Aims to provide standard middleware and instrumentation tooling for metrics in Koa
@shopify/koa-performance Creating middleware that sends performance-related data through StatsD
@shopify/koa-shopify-graphql-proxy A wrapper around koa-better-http-proxy which allows easy proxying of GraphQL requests from an embedded Shopify app
@shopify/koa-shopify-webhooks Receive webhooks from Shopify with ease
@shopify/logger Opinionated logger for production-scale applications
@shopify/mime-types MIME type consistency
@shopify/name Name-related utilities
@shopify/network Common values related to dealing with the network
@shopify/performance Primitives for collecting browser performance metrics
@shopify/polyfills Blessed polyfills for web platform features
@shopify/predicates A set of common JavaScript predicates
@shopify/react-app-bridge-universal-provider A self-serializing/deserializing app-bridge-react provider that works for isomorphic applications
@shopify/react-async Tools for creating powerful, asynchronously-loaded React components
@shopify/react-bugsnag An opinionated wrapper for Bugsnag's React plugin
@shopify/react-compose Cleanly compose multiple component enhancers together with minimal fuss
@shopify/react-cookie Cookies in React for the server and client
@shopify/react-csrf Share CSRF tokens throughout a React application
@shopify/react-csrf-universal-provider A self-serializing/deserializing CSRF token provider that works for isomorphic applications
@shopify/react-effect A component and set of utilities for performing effects within a universal React app
@shopify/react-form Manage React forms tersely and safely-typed with no magic using React hooks
@shopify/react-form-state Manage React forms tersely and type-safely with no magic
@shopify/react-google-analytics Allows React apps to easily embed Google Analytics scripts
@shopify/react-graphql Tools for creating type-safe and asynchronous GraphQL components for React
@shopify/react-graphql-universal-provider A self-serializing/deserializing GraphQL provider that works for isomorphic applications
@shopify/react-hooks A collection of primitive React hooks
@shopify/react-html A component to render your React app with no static HTML
@shopify/react-hydrate Utilities for hydrating server-rendered React apps
@shopify/react-i18n i18n utilities for React handling translations, formatting, and more
@shopify/react-i18n-universal-provider A self-serializing/deserializing i18n provider that works for isomorphic applications
@shopify/react-idle Utilities for working with idle callbacks in React
@shopify/react-import-remote Asynchronous script loading for React
@shopify/react-intersection-observer A React wrapper around the Intersection Observer API
@shopify/react-network A collection of components that allow you to set common HTTP headers from within your React application
@shopify/react-performance Primitives to measure your React application's performance using @shopify/performance
@shopify/react-router A universal router for React
@shopify/react-server Utilities for React server-side rendering
@shopify/react-shortcuts Declaratively and efficiently match shortcut combinations in your React application
@shopify/react-testing A library for testing React components according to our conventions
@shopify/react-universal-provider Factory function and utilities to create self-serializing/deserializing providers that work for isomorphic applications
@shopify/react-web-worker A hook for using web workers in React applications
@shopify/semaphore Counting semaphore
@shopify/sewing-kit-koa Easily access Sewing Kit assets from a Koa server
@shopify/statsd An opinionated StatsD client for Shopify Node.js servers and other StatsD utilities
@shopify/storybook-a11y-test Test storybook pages with axe and puppeteer
@shopify/useful-types A few handy TypeScript types
@shopify/web-worker Tools for making web workers fun to use
@shopify/with-env A utility for executing code under a specific NODE_ENV

Gem Index

Gem Version Description
quilt_rails A turn-key solution for integrating server-rendered React into your Rails app using Quilt libraries.

Want to contribute?

Check out our Contributing Guide


For Shopifolk, you can reach out to us in Slack in the #help-admin-web-platform channel. For external inquiries, we welcome bug reports, enhancements, and feature requests via GitHub issues.


MIT © Shopify, see LICENSE.md for details.


Popular Shopify Projects
Popular Reactjs Projects
Popular Companies Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.