polaris-react - Shopify’s product component library

•    TypeScript

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

Polaris - A library greatly enhancing the features of the Google Maps external library: Effortless map annotating, gesture support, map callout support, built-in “user tracking” mode, etc

•    Java

Polaris is an extension of the Google Maps External Library and hence suffers from a lot of its limitations and bugs (PolarisMapView must be used in a MapActivity, only one instance of PolarisMapView is allowed per MapActivity, etc.). While reducing the complexity of the library, Polaris made the use of Overlay almost useless by managing main Overlays such as MyLocationOverlay and ItemizedOverlay internally. As a consequence, you must never use the getOverlays() method. PolarisMapView provides replacement methods such as addOverlay(Overlay), removeOverlay(Overlay), etc.

Mitosis - Write components once, run everywhere. Compiles to Vue, React, Solid, Angular, Svelte, and more

•    Typescript

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

nextjs-shopify - The ultimate starter for headless Shopify stores

•    TypeScript

The ultimate starter for headless Shopify stores. You should already have a Shopify account and store created before starting as well.

Medusa - Headless commerce platform built for developers, open-source alternative to Shopify

•    Javascript

Medusa is an open-source headless commerce engine that enables developers to create amazing digital commerce experiences. It is an open-source alternative to Shopify. Medusa is split into 3 core components - the headless commerce part that exposes the REST APIs for your store, the frontend of your store, and the admin panel - you are free to use the platform as a whole, or use the parts that you need for your ecommerce store.

Polaris

Polaris is a framework that is based on and extends Prism and the Microsoft Enterprise Library. Its main purpose is to implement mechanisms to improve the user experience by creating fluid, animated user interfaces which are always compelling and responsive, giving the user ap...

rebass - :atom_symbol: React UI component library & design system, built with styled-components and styled-system

•    Javascript

React UI component library & design system, built with styled-system, with support for styled-components & emotion. Rebass is a library of highly-composable, primitive UI components for React, built with styled-components to keep styles isolated and reduce the need to write custom CSS in your application. Based upon a configurable design system, Rebass‘s props API makes building consistent, responsive web apps simpler and faster.

react-bluekit - Automatically generating a component library from your React components (ES5, ES6, Typescript)

•    Javascript

BlueKit automatically generates a library from your React components with editable props and live preview. Point BlueKit to folders with your React components and it will generate a library for you. You'll be able to browse through the components, tweak their props, and see the changes live. Furthermore, any changes that you make to your components' code will be reflected in the library.

themekit - Shopify theme interaction command line tool.

•    Go

Theme Kit is a cross-platform tool for building Shopify Themes. Theme Kit is a single binary that has no dependencies.

Timber - The ultimate Shopify theme framework, built by Shopify.

•    Liquid

The Timber theme is no longer being maintained by Shopify. Developers are encouraged to check out Slate - a theme scaffolding and command line tool built for developing Shopify themes.You can continue to use Timber; however, this repo will not be kept up-to-date with changes in Shopify theme development.

builder - Drag and drop Visual CMS for React, Vue, Angular, and more

•    TypeScript

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

ReactScriptLoader - A library for creating React components that depend on external scripts.

•    Javascript

ReactScriptLoader simplifies creating React components whose rendering depends on dynamically loaded scripts. It can be used for lazily loading heavy scripts but it's especially useful for loading components that rely on 3rd party scripts, such as Google Maps or Stripe Checkout. React apps are typically single-page apps that are rendered client-side in Javascript. When loading a site built with React, the browser typically pre-loads the javascript necessary to render the site's React components so that they can be rendered with no latency. This works well for sites that serve a relatively small amount of javascript from their own servers in a single bundle. However, in some situations pre-loading all the scripts necessary to render the site's components is impractial. For example, a site may have a Map component that relies on a dynamically loaded 3rd party library to render itself. It may be possible to delay rendering the app until the third party library is finished loading but doing so would make the site feel unnecessarily sluggish. It's a much better strategy to first render the page with a placeholder for the map and asynchronously render the map once the third party library has loaded. Deferring the loading of the external script is even more important when the map component isn't rendered right away but is only revealed after user interaction.

zent - A collection of essential UI components written with React.

•    Javascript

Zent ( \ˈzent\ ), a collection of essential UI components written with React. Zent ( \ˈzent\ ) is a React component library developed and used at Youzan. Zent provides a collection of essential UI components and lots of useful domain specific components.

storybook - Interactive UI component dev & test: React, React Native, Vue, Angular

•    Javascript

Storybook is a development environment for UI components. It allows you to browse a component library, view the different states of each component, and interactively develop and test components. Storybook runs outside of your app. This allows you to develop UI components in isolation, which can improve component reuse, testability, and development speed. You can build quickly without having to worry about application-specific dependencies.

Reactstrap - React component library for Bootstrap

•    Javascript

Reactstrap is a React component library for Bootstrap. It contains React Bootstrap components that favor composition and control. The library does not depend on jQuery or Bootstrap javascript. However, Poppers.js via react-popper is relied upon for advanced positioning of content like Tooltips, Popovers, and auto-flipping Dropdowns.

skeleton-theme - A simplified Shopify theme

•    Liquid

The Skeleton theme is no longer being maintained by Shopify. Developers are encouraged to use Slate - a theme scaffolding and command line tool built for developing Shopify themes.You can continue to use Skeleton; however, this repo will not be kept up-to-date with changes in Shopify theme development.

shopify-theme-lab - Shopify theme development environment using Liquid, Vue and Tailwind CSS 🧪

•    Javascript

If you migrated to yarn, you can replace npm run with yarn when executing upcoming commands.

react-tunnels - 🚇 Render React components in placeholders that are placed somewhere else in the component tree

•    Javascript

Render React components in placeholders that are placed somewhere else in the component tree. There is a common use case in React apps where you want to define a Layout where the content of some elements is defined by children components. For example, you want to define Layout just once and reuse it for every page but it has a breadcrumb whose steps depend on children components. This tiny library allows you to define tunnels to render from an element to whatever another element in the App, even elements located on top of the tree. It's like Portal but the target is a component instead of a DOM element.

awesome-uikit - Collect JS Frameworks, Web components library and Admin Template.

Collect JS Frameworks, Web components library and Admin Template. React based component library.

Ant Design - An enterprise-class UI design language and React UI library

•    Typescript

Ant Design is an enterprise-class UI design language and React UI library. It provides plenty of UI components to enrich your web applications, and we will improve components experience consistently. It supports Server side rendering, Theme customization, Internationalization support and lot more.