Skip to content

Web3Auth/web3auth-pnp-examples

Repository files navigation

Web3Auth Example from Guides and Integration Builder

Web3Auth is a plugable auth infrastructure for Web3 wallets and applications. It streamlines the onboarding of both mainstream and crypto native users under a minute by providing experiences that they're most comfortable with.

With support for all social logins, web & mobile native platforms, wallets and other key management methods, Web3Auth results in a standard cryptographic key provider specific to the user and application.

Important Links

Examples

Web3Auth Plug n Play Modal

@web3auth/modal

Blockchain x Framework

Multi-page playground

Blockchain Lang Framework Directory
Multiple Chains REACT React-Modal-Playground

Blockchain Connection Examples

Blockchain Lang Framework Directory
EVM REACT EVM-Modal-Example
SOLANA REACT Solana-Modal-Example
XRPL REACT Xrpl-Modal-Example

Custom Authentication Example

Blockchain Lang Framework Directory
EVM REACT Custom-Authentication-Modal-Example

Quick-start Examples

Blockchain Lang Framework Directory
EVM REACT React-Modal-Quick-Start
EVM NEXTJS NextJS-Modal-Quick-Start
EVM Vue Vue-Modal-Quick-Start
EVM Angular Angular-Modal-Quick-Start
EVM Vite + React React-Vite-Modal-Quick-Start
EVM Vanilla JS VanillaJS-Modal-Quick-Start

Web3Auth Wagmi Connector

Lang Framework Directory
REACT Wagmi-Modal-Example
REACT Rainbowkit-Modal-Example

Web3Auth x Safe Auth Kit Example

Lang Framework Directory
REACT Web3Auth-Safe-Example

Web3Auth Plug n Play No Modal

@web3auth/no-modal

Blockchain Connection Examples

Blockchain Lang Framework Directory
EVM REACT EVM-No-Modal-Example
Solana REACT Solana-No-Modal-Example
StarkEx REACT StarkEx-No-Modal-Example
StarkNet REACT StarkNet-No-Modal-Example
Tezos REACT Tezos-No-Modal-Example
Algorand REACT Algorand-No-Modal-Example
Aptos REACT Aptos-No-Modal-Example
ImmutableX REACT ImmutableX-No-Modal-Example
Polkadot REACT Polkadot-No-Modal-Example
XRPL REACT XRPL-No-Modal-Example
Cosmos REACT Cosmos-No-Modal-Example
Multiple Chains REACT Multi-Chain-No-Modal-Example

Custom Authentication - Single Verifier

Auth Provider Lang Framework Directory
Auth0 REACT Auth0-React-Web3Auth-No-Modal-Example
Google REACT Google-React-Web3Auth-No-Modal-Example
Firebase REACT Firebase-React-Web3Auth-No-Modal-Example
Discord REACT Discord-React-Web3Auth-No-Modal-Example
Facebook REACT Facebook-React-Web3Auth-No-Modal-Example
Twitch REACT Twitch-React-Web3Auth-No-Modal-Example
AWS Cognito REACT Cognito-React-Web3Auth-No-Modal-Example
Custom JWT REACT-EXPRESS Custom-JWT-React-Express-Web3Auth-No-Modal-Example

Custom Authentication - Aggregate Verifiers

Auth Providers Lang Framework Directory
Google, Email Passwordless & GitHub REACT Auth0-Google-Aggregate-React-Web3Auth-No-Modal-Example
Google & Firebase [GitHub] REACT Firebase-Google-Aggregate-React-Web3Auth-No-Modal-Example
Google & Auth0 Flutter Flutter-Google-EmailPasswordless-Flutter-Application
Google & Auth0 React Native ReactNative-Google-EmailPasswordless-ReactNative-Application
Google & Auth0 iOS iOS-Google-EmailPasswordless-iOS-Application
Google & Auth0 Android Android-Google-EmailPasswordless-Android-Application
Google & Auth0 Unity Unity-Google-EmailPasswordless-Unity-Application

Server Side Verification

Via Lang Framework Directory
Social - Google NEXTJS SSV-Via-Social-NextJS-No-Modal-Example

Browser Extensions

Browser Lang Framework Directory
Chrome REACT Chrome-extension-modal-example

Web3Auth Wagmi Connector

Lang Framework Directory
REACT React-No-Modal-Example
REACT RainbowKit-With-No-Modal
REACT RainbowKit-With-No-Modal-Auth0

Web3Auth Mobile SDKs

SDK Documentation Guide Directory
Android Documentation Guide Android-Example
Android --- --- Android-Auth0-Example
Android --- --- Android-Firebase-Example
Flutter Documentation Guide Flutter-Example
Flutter --- --- Flutter-Auth0-Example
Flutter --- --- Flutter-Firebase-Example
Flutter Aggregate Verifier Example --- Flutter-Aggregate-Verifier-Example
React Native (Bare) Documentation --- ReactNative-Bare-Example
React Native (Bare) --- --- ReactNative-Bare-Auth0-Example
React Native (Bare) --- --- ReactNative-Bare-Firebase-Example
React Native (Expo) Documentation --- ReactNative-Expo-Example
React Native (Expo) --- --- ReactNative-Expo-Auth0-Example
iOS Documentation --- iOS-Example
iOS --- --- iOS-Auth0-Example

Web3Auth Gaming SDKs

SDK Documentation Guide Directory
Unity Documentation Guide Unity-Example

Questions

Ask us on our Github Discussion Board or reach out to our Discord.

License

MIT License


Packages @latest Version Size Description
🌐 Web
@web3auth/no-modal npm version minzip Provides the core logic for handling adapters within web3auth. This package acts as a manager for all the adapters. You should use this package to build your custom login UI on top of web3auth.
@web3auth/modal npm version minzip Provides the main class for using default web3auth modal. It inherits @web3auth/no-modal package. So you can still call all the functions available in the @web3auth/no-modal api reference. The package includes all of our packages and gives you a simple way of implementing Web3Auth within your interface.
πŸ“’ Adapters
@web3auth/coinbase-adapter npm version minzip Adds coinbase login functionality
@web3auth/metamask-adapter npm version minzip Adds metamask chrome extension login functionality
@web3auth/openlogin-adapter npm version minzip Adds social logins with MFA functionality
@web3auth/phantom-adapter npm version minzip Adds phantom chrome extension login functionality
@web3auth/torus-evm-adapter npm version minzip Adds Torus Wallet login functionality (https://app.tor.us)
@web3auth/torus-solana-adapter npm version minzip Adds Solana Torus Wallet login functionality (https://solana.tor.us)
@web3auth/wallet-connect-v1-adapter npm version minzip Adds wallet connect v1 login functionality + all supported adapters (eg: Metamask mobile, rainbow etc.)
⛓️ Providers
@web3auth/base-provider npm version minzip Base implementation of JRPC provider
@web3auth/ethereum-provider npm version minzip EIP-1193 compatible JRPC provider
@web3auth/solana-provider npm version minzip Solana chain compatible JRPC provider
πŸ”Œ Wallet Services Plugin
@web3auth/wallet-services-plugin npm version minzip Adds additional Services to extend your Web3Auth functionalities, like fiat to crypto, pre built UI, wallet connect connections etc.
✨ Low-Level
@web3auth/base npm version minzip Base reusable functionalities for creating a web3auth instance
@web3auth/ui npm version minzip Provides the UI used for creating the modal
πŸ“± Mobile SDKs
Android v 6.0.0
iOS v 7.5.1
Flutter v 3.1.6
React Native v 5.1.0
πŸ‘Ύ Gaming SDKs
Unity v 2.1.1
Unreal Engine v 4.1