About blockchain components

@shopify/connect-wallet and @shopify/tokengate are React UI components that integrate into your app for seamless storefront tokengating.

Components

Anchor link to section titled "Components"

Connect wallet

Allows a user to connect their crypto wallet to a Shopify storefront.

Tokengate

Presents the gate configuration and buyer eligibility status based on the connected wallet.

Libraries

Anchor link to section titled "Libraries"

Gate context client library on NPM

Stores gate context information for use in Shopify functions.

Principles

Anchor link to section titled "Principles"

Shopify blockchain components are designed with a few guiding principles in mind.

Customizable

Anchor link to section titled "Customizable"

Components come in a default theme that offers a neutral starting point. You can also create a custom theme with style variables, enabling users to match the blockchain elements of their storefront to their theme. Learn more about component theming.

Native

Anchor link to section titled "Native"

Components are built to optimally integrate blockchain-based data and workflows with the Shopify platform, leveraging the latest Shopify APIs and resources.

Accessible

Anchor link to section titled "Accessible"

Components are designed with inclusivity in mind, using plain language, clear error handling, a simple and accessible user interface, and resources to get started or learn more.

Reliable

Anchor link to section titled "Reliable"

Components are tested extensively across major platforms and operating systems, and work robustly on mobile and desktop. Any issues can be reported on our GitHub repository.

Flexible

Anchor link to section titled "Flexible"

Components can be modified and extended to meet developer needs, and all source code is available in a public repository.