Last updated on: March 29, 2024 by @Chloe Tan

<aside> 🚨 This guide pertains to the v0 versions of funkit/connect .

A newer v1 version of @funkit/connect has been published, and we strongly advise new customers to integrate with the latest version instead. Please find the v1 guide here.

Please only reference this guide if you are currently on versions ≤ 0.1.18.

</aside>

Introduction

The @funkit/connect package elevates decentralize applications built on React / NextJS via web2 & web3 sign-ins together with one-click onramps & checkouts. Key features of the package are as follows:

Streamlined onboarding

• Web2 login using email or social providers e.g. Google, Twitter, Apple.
• Web3 login using injected providers e.g. MetaMask, WalletConnect, Ledger, etc.

Frictionless onramp & checkout

• Multiple payment methods: credit card, brokerage / exchanges, any (priced) token
• Customizable checkout with any asset and on-chain action

Multi-chain support

• Mainnets: mainnet, arbitrum, base, polygon
• Testnets: goerli, arbitrumSepolia

1. Package installation

Installing and configuring the @funkit/connect package for your React or Next.js application is simple.

Install the package