Skip to content

housewithbricks/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

Blockchain Lang Framework Directory
Multiple Chains REACT React-EVM-Modal-Example

Ethereum - EVM Based

Blockchain Lang Framework Directory
EVM REACT React-EVM-Modal-Example
EVM Vite + React React-Vite-EVM-Modal-Example
EVM NEXTJS NextJS-EVM-Modal-Example
EVM Vue Vue-EVM-Modal-Example
EVM Angular Angular-EVM-Modal-Example
EVM CommonJS CommonJS-EVM-Modal-Example

Solana

Blockchain Lang Framework Directory
Solana REACT React-Solana-Modal-Example
Solana NEXTJS NextJS-Solana-Modal-Example
Solana Vue Vue-Solana-Modal-Example
Solana Angular Angular-Solana-Modal-Example
Solana CommonJS CommonJS-Solana-Modal-Example

StarkEx

Blockchain Lang Framework Directory
StarkEx REACT React-StarkEx-Modal-Example
StarkEx NEXTJS NextJS-StarkEx-Modal-Example
StarkEx Vue Vue-StarkEx-Modal-Example
StarkEx Angular Angular-StarkEx-Modal-Example

StarkNet

Blockchain Lang Framework Directory
StarkNet REACT React-StarkNet-Modal-Example
StarkNet NEXTJS NextJS-StarkNet-Modal-Example
StarkNet Vue Vue-StarkNet-Modal-Example
StarkNet Angular Angular-StarkNet-Modal-Example

Tezos

Blockchain Lang Framework Directory
Tezos REACT React-Tezos-Modal-Example
Tezos NEXTJS NextJS-Tezos-Modal-Example
Tezos Vue Vue-Tezos-Modal-Example
Tezos Angular Angular-Tezos-Modal-Example

Algorand

Blockchain Lang Framework Directory
Algorand REACT React-Algorand-Modal-Example

Aptos

Blockchain Lang Framework Directory
Aptos REACT React-Aptos-Modal-Example

Polkadot

Blockchain Lang Framework Directory
Polkadot REACT React-Polkadot-Modal-Example

ImmutableX

Blockchain Lang Framework Directory
ImmutableX REACT React-ImmutableX-Modal-Example

Browser Extensions

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

Web3Auth Plug n Play No Modal

@web3auth/no-modal

Blockchains

Blockchain Lang Framework Directory
EVM REACT React-EVM-Web3Auth-No-Modal-Example
EVM Vite + React React-Vite-EVM-No-Modal-Example
Solana REACT React-Solana-Web3Auth-No-Modal-Example
StarkEx REACT React-StarkEx-Web3Auth-No-Modal-Example
StarkNet REACT React-StarkNet-Web3Auth-No-Modal-Example
Tezos REACT React-Tezos-Web3Auth-No-Modal-Example
Algorand REACT React-Algorand-Web3Auth-No-Modal-Example
Aptos REACT React-Aptos-Web3Auth-No-Modal-Example
ImmutableX REACT React-ImmutableX-Web3Auth-No-Modal-Example
Polkadot REACT React-Polkadot-Web3Auth-No-Modal-Example

Custom Authentication

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

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 [EmailPasswordless] Flutter Flutter-Google-EmailPasswordless-Flutter-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

Single Factor Auth

@web3auth/single-factor-auth

JWT Provider Lang Framework Directory
Firebase React React-EVM-SFA-Example

Node SDK

JWT Provider Lang Framework Directory
Custom NodeJS Backend-Example

Web3Auth Wagmi Connector

Lang Framework Directory
REACT React-Example
REACT React-Example-With-Torus-Plugin

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-Google-EmailPasswordless-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
πŸ”Œ Plugins
@web3auth/base-plugin npm version minzip Base implementation of plugin
@web3auth/torus-wallet-connector-plugin npm version minzip Allows to inject your web3auth scoped private key into torus wallet UI (https://app.tor.us)
@web3auth/solana-wallet-connector-plugin npm version minzip Allows to inject your web3auth scoped private key into torus solana wallet UI (https://solana.tor.us)
✨ 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 3.2.0
iOS v 5.0.0
Flutter v 1.1.1
React Native v 3.4.0
πŸ‘Ύ Gaming SDKs
Unity v 1.2
Unreal Engine v 1.0

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 41.8%
  • CSS 10.1%
  • ShaderLab 9.5%
  • Vue 5.5%
  • HTML 4.9%
  • C++ 4.4%
  • Other 23.8%