Skip to content

Installing Arcana SDKs

Arcana Auth SDK

Developers must install the appropriate Arcana Auth SDK package as per their application type and then integrate the app.

Arcana Auth SDK Flavors

The Arcana Auth SDK comes in multiple flavors to support different Web3 app types. For some app types, developers may need to install and integrate the app with the auth package in addition to the app-specific package listed below.

SDK Name Web3 Application Type Package Name Requires companion SDK
Auth SDK Basic SDK for Vanilla HTML/CSS/JS Apps, Vue Apps auth None
Auth React SDK React Apps auth-react auth
Auth Wagmi SDK Apps using wallet connectors such as Wagmi, RainbowKit auth-wagmi auth
Auth Web3-React SDK Apps using Web3-React wallet connector auth-web3-react auth
Auth Flutter SDK Mobile apps built using Flutter arcana_auth_flutter None
Auth React Native SDK Mobile apps built using React Native auth-react-native None
Auth-Core SDK Auth SDK for custom wallet UI and access to private keys auth-core None
Gasless SDK Enables gasless transactions in third-party browser-based wallets. Operates independently of Auth SDK. scw None
Auth Unity SDK Gaming apps built using Unity Coming soon! None

Web SDKs

Vanilla HTML/CSS/JS Apps

npm

npm install --save @arcana/auth

yarn

yarn add @arcana/auth

CDN

<script src="https://cdn.jsdelivr.net/npm/@arcana/auth"></script>
<script src="https://unpkg.com/@arcana/auth"></script>

React/NextJS Apps

npm

npm install --save @arcana/auth-react
yarn

yarn add @arcana/auth-react

CDN

<script src="https://cdn.jsdelivr.net/npm/@arcana/auth-react"></script>
<script src="https://unpkg.com/@arcana/auth-react"></script>

Wagmi/RainbowKit Apps

npm

npm install --save @arcana/auth-wagmi @arcana/auth

yarn

yarn add @arcana/auth-wagmi @arcana/auth

CDN

<script src="https://cdn.jsdelivr.net/npm/@arcana/auth"></script>
<script src="https://unpkg.com/@arcana/auth"></script>
<script src="https://cdn.jsdelivr.net/npm/@arcana/auth-wagmi"></script>
<script src="https://unpkg.com/@arcana/auth-wagmi"></script>

Web3-React Apps

npm

npm install --save @arcana/auth-web3-react @arcana/auth

yarn

yarn add @arcana/auth-web3-react @arcana/auth

CDN

<script src="https://cdn.jsdelivr.net/npm/@arcana/auth"></script>
<script src="https://unpkg.com/@arcana/auth"></script>
<script src="https://cdn.jsdelivr.net/npm/@arcana/auth-web3-react"></script>
<script src="https://unpkg.com/@arcana/auth-web3-react"></script>

Mobile SDKs

Flutter Apps

pubspec.yaml
dependencies:
  flutter:       # Required for every Flutter project
    sdk: flutter # Required for every Flutter project
  flutter_localizations: # Required to enable localization
    sdk: flutter         # Required to enable localization
  arcana_auth_flutter: ^0.0.6 # Required for integrating with Arcana Auth SDK

React-Native Apps

npm i @arcana/auth-react-native
(cd ios && pod install)

Arcana Gasless (Standalone) SDK

npm i @arcana/scw

Last update: January 4, 2024 by shaloo, shalz