OpenfortKit

The easiest way to integrate Openfort to your project, with built-in authentication and seamless wallet connectivity.

It offers a simple, customizable UI. Supports authentication providers like Google, X, or Facebook out of the box. Access your address through Openfort’s embedded wallet solution or connect their own wallet provider effortlessly.

Features

• 💡 TypeScript Ready — Get types straight out of the box.
• 🌱 Ecosystem Standards — Uses top libraries such as wagmi.
• 🖥️ Simple UX — Give users a simple, attractive experience.
• 🎨 Beautiful Themes — Predesigned themes or full customization.

and much more...

Quick Start

New app

Get started with create-react-app Openfortkit + wagmi + viem project by running one of the following in your terminal:

npm

npx create-react-app my-app --template cra-template-openfortkit

yarn

yarn create react-app my-app --template cra-template-openfortkit

pnpm

pnpm dlx create-react-app ./my-app --template cra-template-openfortkit

Import OpenfortKit to your project

Add OpenfortKit to your already existing project.

npm

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

yarn

yarn add @openfort/openfort-kit @tanstack/react-query wagmi viem

pnpm

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

Documentation

You can find the full OpenfortKit documentation in the Family docs here.

Examples

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

• Create React App Example (TypeScript)
• Next.js Example (TypeScript)
• Vite Example (TypeScript)

Running Examples Locally

Clone the FortKit project and install the necessary dependencies:

$ git clone [email protected]:openfort-xyz/openfort-kit.git
$ cd fortkit
$ yarn install

and start the code bundler:

$ yarn dev:kit

and then simply select the example you'd like to run:

$ yarn dev:vite # Vite
$ yarn dev:nextjs # Next.js
$ yarn dev:cra # Create React App

License

See LICENSE for more information.

Credits

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