Package Exports
- @openfort/openfort-kit
Readme
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 invisible wallet or connect their own wallet provider effortlessly.
Docs: https://www.openfort.io/docs/products/kit/react/quickstart
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
Openfortkit + wagmi + viem project by running one of the following in your terminal:
npm
npx create openfortkit
yarn
yarn create openfortkit
pnpm
pnpm create 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:
Running Examples Locally
Clone the FortKit project and install the necessary dependencies:
$ git clone git@github.com:openfort-xyz/openfort-kit.git
$ cd openfort-kit
$ 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.