Shopify’s product component library
shopify polaris react components component-libraryGet complete control over drag and drop behaviour with Draggable! Draggable abstracts native browser events into a comprehensive API to create a custom drag and drop experience. Draggable comes with additional modules: Sortable, Droppable, Swappable. Draggable itself does not perform any sorting behaviour while dragging, but does the heavy lifting, e.g. creates mirror, emits events, manages sensor events, makes elements draggable.The additional modules are built on top of Draggable and therefore provide a similar API interface, for more information read the documentation below.
drag-and-drop draggable es6 shopifyPolaris React is a component library designed to help developers create the best experience for merchants who use Shopify. Visit the Polaris style guide to learn more. For more information about creating apps for the Shopify App Store, take a look at the app development documentation.
shopify polaris react components component-libraryLiquid is an open-source template language created by Shopify. It is the backbone of Shopify themes and is used to load dynamic content on storefronts. It is stateless, Compile and render steps are separate so that the expensive parsing and compiling can be done once and later on you can just render it passing in a hash with local variables and objects.
template-engine markup markup-language shopify template web-applicationIntegrate with any site or app. Drag and drop with the components already in your codebase. Performance is our top priority. All content is delivered from the edge, renderable server side or statically, we optimize the heck out of it and our SDKs are small and mighty.
react cms builder angular react-native pwa vue webcomponents frontend drag-drop headless gatsby wysiwyg shopify page-builder headless-cms landing-pages next-js nocode headless-commerceMitosis is inspired by many modern frameworks. You'll see components look like React components and use React-like hooks, but have simple mutable state like Vue, use a static form of JSX like Solid, compile away like Svelte, and uses a simple, prescriptive structure like Angular. Write components once, run everywhere. Compiles to Vue, React, Solid, Angular, Svelte, and more.
react builder angular vue compiler solid jsx visual declarative liquid svelte shopify figma no-code jsx-lite ui-framework ui-uxIf you migrated to yarn, you can replace npm run with yarn when executing upcoming commands.
webpack vue postcss scss liquid shopify shopify-theme tailwind tailwindcssTheme Kit is a cross-platform tool for building Shopify Themes. Theme Kit is a single binary that has no dependencies.
theme-kit shopify-themes shopify themekit shopify-themeShopify's baseline TSLint config.
tslint tslintconfig tslintplugin tslint-config tslint-config-shopify shopifyAll of Shopify’s recommended PostCSS plugins in one easy-to-use preset.
postcss postcss-plugin css shopifyTooling for Shopify themes
themes slate shopify themekitShopify's Storefront API allows you to build custom ecommerce experiences.Each directory is a self-contained example application that demonstrates usage of the Storefront API. The examples are built on both Shopify specific libraries and popular open source frameworks (React, Ember, etc).
shopify graphql react ember apolloThis is a project that was done as part of a hack-o-thon organized at the Interledger Workshop at Blockchain Expo. This repo is meant as a showcase of an Android payment app, using the Interledger spec for payment.As such, it contains both the website implementation of the Payment Request and a Payment App itself. It does not contain the ledger implementations. These are hardcoded to use https://red.ilpdemo.org and https://blue.ilpdemo.org as originating and the destination ledgers. Both are running the NodeJS ILP kit and have been implemented as an initiative to show off the Interledger spec.
shopify w3c payment-request payment-app interledgerNode version of Theme Kit.Here are a collection of examples to run Theme Kit commands.
themekit shopifyThis module helps you retrieve an access token for the Shopify REST API. It provides some convenience methods that can be used when implementing the OAuth 2.0 flow. No assumptions are made about your server-side architecture, allowing the module to easily adapt to any setup.The module exports a class whose constructor takes an options object.
shopify oauth2 token api oauthjquery.currencies.js expands the currencies.js library provided by Shopify and has to be used in conjunction with it. While currencies.js allows you to convert a money amount from one currency to another, jquery.currencies.js provides a function that converts all money amounts on a web page and shows a formatted result, with currency symbol and descriptor.
ecosystem:jquery jquery-plugin shopify currencyAccess Polaris from Sketch to speed up your design or development workflow. Sketch is our design tool of choice at Shopify. It supports the use of plugins to adapt to different kinds of workflows. While working with Polaris and Sketch, we found switching context between Sketch and polaris.shopify.com distracting and time consuming.
shopify sketch-pluginA small set of abstractions that will help you quickly build an Express.js app that consumes the Shopify API. ❗️ This project is currently in alpha status. This means that the API could change at any time. It also means that your feedback will have a big impact on how the project evolves, so please feel free to open issues if there is something you would like to see added.
shopify express.js express-middleware
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.