Website | Documentation | X | Demo

Openfort React SDK

The easiest way to use embedded wallets, with built-in authentication and payments capabilities in React.

Quickstart

New app

Get started with create Openfort + wagmi + viem project by running one of the following in your terminal:

npm

npx create openfort

pnpm

pnpm create openfort

Import Openfort to your project

Add Openfort to your already existing project.

npm

npm install @openfort/react @tanstack/react-query wagmi viem

pnpm

pnpm add @openfort/react @tanstack/react-query wagmi viem

Features

• TypeScript Ready — Get types straight out of the box.
• Ecosystem Friendly — Uses top libraries such as wagmi for hooks.
• Simple UI — Use prebuilt elements for authenticaiton and wallet connection.
• EVM and SVM Support - Chains like BSC, Arbitrum or Base are supported
• React Hooks - To interact directly with embedded wallet capabilities.

and much more...

Examples

There are various runnable examples included in this repository in the examples folder

Running Examples Locally

Clone the project and install the necessary dependencies:

git clone git@github.com:openfort-xyz/openfort-react.git
cd openfort
pnpm install

First, start the development server in one terminal:

pnpm dev

Then, in a separate terminal, run the example you'd like to try:

pnpm dev:playground # Playground
pnpm dev:headless # Headless
pnpm dev:openfort-ui # Openfort UI

License

See LICENSE for more information.

Credits

Openfort is a fork of Connectkit developed by Family. We're grateful to them for making Connectkit fast, beautiful and open-source.