https://github.com/web3auth/web3auth-pnp-examples
https://github.com/web3auth/web3auth-pnp-examples
Last synced: about 1 year ago
JSON representation
- Host: GitHub
- URL: https://github.com/web3auth/web3auth-pnp-examples
- Owner: Web3Auth
- License: mit
- Created: 2022-06-20T05:07:21.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2024-05-22T08:57:35.000Z (about 2 years ago)
- Last Synced: 2024-05-23T04:52:48.572Z (about 2 years ago)
- Language: TypeScript
- Homepage: https://web3auth.io/docs/examples/
- Size: 221 MB
- Stars: 91
- Watchers: 6
- Forks: 106
- Open Issues: 10
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Web3Auth Example from Guides and Integration Builder
[Web3Auth](https://web3auth.io) 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
- [Website](https://web3auth.io)
- [Docs](https://web3auth.io/docs)
- [Guides](https://web3auth.io/docs/guides)
- [SDK / API References](https://web3auth.io/docs/sdk)
- [Pricing](https://web3auth.io/pricing.html)
- [Github Discussion Board](https://github.com/orgs/Web3Auth/discussions)
## Examples
## Web3Auth Plug n Play Modal
`@web3auth/modal`
### Blockchain x Framework
#### Multi-page playground
| Blockchain | Lang Framework | Directory |
| :---------------- | :------------- | :------------------------------------------------------------------------------------------------------------------------- |
| `Multiple Chains` | `REACT` | [React-Modal-Playground](https://github.com/Web3Auth/web3auth-pnp-examples/tree/main/web-modal-sdk/react-modal-playground) |
#### Blockchain Connection Examples
| Blockchain | Lang Framework | Directory |
| :--------- | :------------- | :---------------------------------------------------------------------------------------------------------------------------------------------------- |
| `EVM` | `REACT` | [EVM-Modal-Example](https://github.com/Web3Auth/web3auth-pnp-examples/tree/main/web-modal-sdk/blockchain-connection-examples/evm-modal-example) |
| `SOLANA` | `REACT` | [Solana-Modal-Example](https://github.com/Web3Auth/web3auth-pnp-examples/tree/main/web-modal-sdk/blockchain-connection-examples/solana-modal-example) |
| `XRPL` | `REACT` | [Xrpl-Modal-Example](https://github.com/Web3Auth/web3auth-pnp-examples/tree/main/web-modal-sdk/blockchain-connection-examples/xrpl-modal-example) |
#### Custom Authentication Example
| Blockchain | Lang Framework | Directory |
| :--------- | :------------- | :--------------------------------------------------------------------------------------------------------------------------------------------------- |
| `EVM` | `REACT` | [Custom-Authentication-Modal-Example](https://github.com/Web3Auth/web3auth-pnp-examples/tree/main/web-modal-sdk/custom-authentication-modal-example) |
#### Quick-start Examples
| Blockchain | Lang Framework | Directory |
| :--------- | :------------- | :-------------------------------------------------------------------------------------------------------------------------------------------------- |
| `EVM` | `REACT` | [React-Modal-Quick-Start](https://github.com/Web3Auth/web3auth-pnp-examples/tree/main/web-modal-sdk/quick-starts/react-modal-quick-start) |
| `EVM` | `NEXTJS` | [NextJS-Modal-Quick-Start](https://github.com/Web3Auth/web3auth-pnp-examples/tree/main/web-modal-sdk/quick-starts/nextjs-modal-quick-start) |
| `EVM` | `Vue` | [Vue-Modal-Quick-Start](https://github.com/Web3Auth/web3auth-pnp-examples/tree/main/web-modal-sdk/quick-starts/vue-modal-quick-start) |
| `EVM` | `Angular` | [Angular-Modal-Quick-Start](https://github.com/Web3Auth/web3auth-pnp-examples/tree/main/web-modal-sdk/quick-starts/angular-modal-quick-start) |
| `EVM` | `Vanilla JS` | [VanillaJS-Modal-Quick-Start](https://github.com/Web3Auth/web3auth-pnp-examples/tree/main/web-modal-sdk/quick-starts/vanillajs-modal-quick-start) |
### Web3Auth Wagmi Connector
| Lang Framework | Directory |
| :------------- | :-------------------------------------------------------------------------------------------------------------------------------------------- |
| `REACT` | [Wagmi-Modal-Example](https://github.com/Web3Auth/web3auth-pnp-examples/tree/main/web-modal-sdk/wagmi-examples/wagmi-modal-example) |
| `REACT` | [Rainbowkit-Modal-Example](https://github.com/Web3Auth/web3auth-pnp-examples/tree/main/web-modal-sdk/wagmi-examples/rainbowkit-modal-example) |
### Web3Auth x Safe Auth Kit Example
| Lang Framework | Directory |
| :------------- | :---------------------------------------------------- |
| `REACT` | [Web3Auth-Safe-Example](https://github.com/Web3Auth/) |
## Web3Auth Plug n Play No Modal
`@web3auth/no-modal`
### Blockchain Connection Examples
| Blockchain | Lang Framework | Directory |
| :---------------- | :------------- | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `EVM` | `REACT` | [EVM-No-Modal-Example](https://github.com/Web3Auth/web3auth-pnp-examples/tree/main/web-no-modal-sdk/blockchain-connection-examples/evm-no-modal-example/) |
| `Solana` | `REACT` | [Solana-No-Modal-Example](https://github.com/Web3Auth/web3auth-pnp-examples/tree/main/web-no-modal-sdk/blockchain-connection-examples/solana-no-modal-example/) |
| `StarkEx` | `REACT` | [StarkEx-No-Modal-Example](https://github.com/Web3Auth/web3auth-pnp-examples/tree/main/web-no-modal-sdk/blockchain-connection-examples/starkex-no-modal-example/) |
| `StarkNet` | `REACT` | [StarkNet-No-Modal-Example](https://github.com/Web3Auth/web3auth-pnp-examples/tree/main/web-no-modal-sdk/blockchain-connection-examples/starknet-no-modal-example/) |
| `Tezos` | `REACT` | [Tezos-No-Modal-Example](https://github.com/Web3Auth/web3auth-pnp-examples/tree/main/web-no-modal-sdk/blockchain-connection-examples/tezos-no-modal-example/) |
| `Algorand` | `REACT` | [Algorand-No-Modal-Example](https://github.com/Web3Auth/web3auth-pnp-examples/tree/main/web-no-modal-sdk/blockchain-connection-examples/algorand-no-modal-example/) |
| `Aptos` | `REACT` | [Aptos-No-Modal-Example](https://github.com/Web3Auth/web3auth-pnp-examples/tree/main/web-no-modal-sdk/blockchain-connection-examples/aptos-no-modal-example/) |
| `ImmutableX` | `REACT` | [ImmutableX-No-Modal-Example](https://github.com/Web3Auth/web3auth-pnp-examples/tree/main/web-no-modal-sdk/blockchain-connection-examples/immutablex-no-modal-example/) |
| `Polkadot` | `REACT` | [Polkadot-No-Modal-Example](https://github.com/Web3Auth/web3auth-pnp-examples/tree/main/web-no-modal-sdk/blockchain-connection-examples/polkadot-no-modal-example/) |
| `XRPL` | `REACT` | [XRPL-No-Modal-Example](https://github.com/Web3Auth/web3auth-pnp-examples/tree/main/web-no-modal-sdk/blockchain-connection-examples/xrpl-no-modal-example/) |
| `Cosmos` | `REACT` | [Cosmos-No-Modal-Example](https://github.com/Web3Auth/web3auth-pnp-examples/tree/main/web-no-modal-sdk/blockchain-connection-examples/cosmos-no-modal-example/) |
| `Multiple Chains` | `REACT` | [Multi-Chain-No-Modal-Example](https://github.com/Web3Auth/web3auth-pnp-examples/tree/main/web-no-modal-sdk/blockchain-connection-examples/multi-chain-no-modal-example) |
### Custom Authentication - Single Verifier
| Auth Provider | Lang Framework | Directory |
| :------------ | :-------------- | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| `Auth0` | `REACT` | [Auth0-React-Web3Auth-No-Modal-Example](https://github.com/Web3Auth/web3auth-pnp-examples/tree/main/web-no-modal-sdk/custom-authentication/single-verifier-examples/auth0-no-modal-example) |
| `Google` | `REACT` | [Google-React-Web3Auth-No-Modal-Example](https://github.com/Web3Auth/web3auth-pnp-examples/tree/main/web-no-modal-sdk/custom-authentication/single-verifier-examples/google-no-modal-example) |
| `Firebase` | `REACT` | [Firebase-React-Web3Auth-No-Modal-Example](https://github.com/Web3Auth/web3auth-pnp-examples/tree/main/web-no-modal-sdk/custom-authentication/single-verifier-examples/firebase-no-modal-example) |
| `Discord` | `REACT` | [Discord-React-Web3Auth-No-Modal-Example](https://github.com/Web3Auth/web3auth-pnp-examples/tree/main/web-no-modal-sdk/custom-authentication/single-verifier-examples/discord-no-modal-example) |
| `Facebook` | `REACT` | [Facebook-React-Web3Auth-No-Modal-Example](https://github.com/Web3Auth/web3auth-pnp-examples/tree/main/web-no-modal-sdk/custom-authentication/single-verifier-examples/facebook-no-modal-example) |
| `Twitch` | `REACT` | [Twitch-React-Web3Auth-No-Modal-Example](https://github.com/Web3Auth/web3auth-pnp-examples/tree/main/web-no-modal-sdk/custom-authentication/single-verifier-examples/twitch-no-modal-example) |
| `AWS Cognito` | `REACT` | [Cognito-React-Web3Auth-No-Modal-Example](https://github.com/Web3Auth/web3auth-pnp-examples/tree/main/web-no-modal-sdk/custom-authentication/single-verifier-examples/cognito-no-modal-example) |
| `Custom JWT` | `REACT-EXPRESS` | [Custom-JWT-React-Express-Web3Auth-No-Modal-Example](https://github.com/Web3Auth/web3auth-pnp-examples/tree/main/web-no-modal-sdk/custom-authentication/single-verifier-examples/custom-jwt-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](https://github.com/Web3Auth/web3auth-pnp-examples/tree/main/web-no-modal-sdk/custom-authentication/aggregate-verifier-examples/auth0-google-aggregate-no-modal-example) |
| `Google` & `Firebase [GitHub]` | `REACT` | [Firebase-Google-Aggregate-React-Web3Auth-No-Modal-Example](https://github.com/Web3Auth/web3auth-pnp-examples/tree/main/web-no-modal-sdk/custom-authentication/aggregate-verifier-examples/firebase-google-aggregate-no-modal-example) |
| `Google` & `Auth0` | `Flutter` | [Flutter-Google-EmailPasswordless-Flutter-Application](https://github.com/Web3Auth/web3auth-pnp-examples/tree/main/flutter/flutter-aggregate-verifier-example/) |
| `Google` & `Auth0` | `React Native` | [ReactNative-Google-EmailPasswordless-ReactNative-Application](https://github.com/Web3Auth/web3auth-pnp-examples/tree/main/react-native/rn-bare-aggregate-verifier-example) |
| `Google` & `Auth0` | `iOS` | [iOS-Google-EmailPasswordless-iOS-Application](https://github.com/Web3Auth/web3auth-pnp-examples/tree/main/ios/ios-aggregate-verifier-example) |
| `Google` & `Auth0` | `Android` | [Android-Google-EmailPasswordless-Android-Application](https://github.com/Web3Auth/web3auth-pnp-examples/tree/main/android/android-aggregate-verifier-example) |
| `Google` & `Auth0` | `Unity` | [Unity-Google-EmailPasswordless-Unity-Application](https://github.com/Web3Auth/web3auth-pnp-examples/tree/main/unity/unity-aggregate-verifier-example) |
### Server Side Verification
| Via | Lang Framework | Directory |
| :---------------- | :------------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `Social - Google` | `NEXTJS` | [SSV-Via-Social-NextJS-No-Modal-Example](https://github.com/Web3Auth/web3auth-pnp-examples/tree/main/web-no-modal-sdk/server-side-verification-no-modal-example) |
### Browser Extensions
| Browser | Lang Framework | Directory |
| -------- | -------------- | ------------------------------------------------------------------------------------------------------------------------------------------------ |
| `Chrome` | `REACT` | [Chrome-extension-modal-example](https://github.com/Web3Auth/web3auth-pnp-examples/tree/main/web-no-modal-sdk/chrome-extension-no-modal-example) |
### Web3Auth Wagmi Connector
| Lang Framework | Directory |
| :------------- | :----------------------------------------------------------------------------------------------------------------------------------------- |
| `REACT` | [React-No-Modal-Example](https://github.com/Web3Auth/web3auth-pnp-examples/tree/main/web-no-modal-sdk/wagmi/wagmi-no-modal-example) |
| `REACT` | [RainbowKit-With-No-Modal](https://github.com/Web3Auth/web3auth-pnp-examples/tree/main/web-no-modal-sdk/wagmi/rainbowkit-no-modal-example) |
| `REACT` | [RainbowKit-With-No-Modal-Auth0](https://github.com/Web3Auth/web3auth-pnp-examples/) |
## Web3Auth Mobile SDKs
| SDK | Documentation | Guide | Directory |
| :-------------------- | :------------------------------------------------------------- | :----------------------------------------------- | :-------------------------------------------------------------------------------------------------------------------------------------------- |
| `Android` | [Documentation](https://web3auth.io/docs/sdk/pnp/android) | [Guide](https://web3auth.io/docs/guides/android) | [Android-Example](https://github.com/Web3Auth/web3auth-pnp-examples/tree/main/android/android-quick-start/) |
| `Android` | --- | --- | [Android-Auth0-Example](https://github.com/Web3Auth/web3auth-pnp-examples/tree/main/android/android-auth0-example/) |
| `Android` | --- | --- | [Android-Firebase-Example](https://github.com/Web3Auth/web3auth-pnp-examples/tree/main/android/android-firebase-example) |
| `Flutter` | [Documentation](https://web3auth.io/docs/sdk/pnp/flutter) | [Guide](https://web3auth.io/docs/guides/flutter) | [Flutter-Example](https://github.com/Web3Auth/web3auth-pnp-examples/tree/main/flutter/flutter-quick-start/) |
| `Flutter` | --- | --- | [Flutter-Auth0-Example](https://github.com/Web3Auth/web3auth-pnp-examples/tree/main/flutter/flutter-auth0-example/) |
| `Flutter` | --- | --- | [Flutter-Firebase-Example](https://github.com/Web3Auth/web3auth-pnp-examples/tree/main/flutter/flutter-firebase-example/) |
| `Flutter` | Aggregate Verifier Example | --- | [Flutter-Aggregate-Verifier-Example](https://github.com/Web3Auth/web3auth-pnp-examples/tree/main/flutter/flutter-aggregate-verifier-example/) |
| `React Native (Bare)` | [Documentation](https://web3auth.io/docs/sdk/pnp/react-native) | --- | [ReactNative-Bare-Example](https://github.com/Web3Auth/web3auth-pnp-examples/tree/main/react-native/rn-bare-quick-start/) |
| `React Native (Bare)` | --- | --- | [ReactNative-Bare-Auth0-Example](https://github.com/Web3Auth/web3auth-pnp-examples/tree/main/react-native/rn-bare-auth0-example/) |
| `React Native (Bare)` | --- | --- | [ReactNative-Bare-Firebase-Example](https://github.com/Web3Auth/web3auth-pnp-examples/tree/main/react-native/rn-bare-firebase-example/) |
| `React Native (Expo)` | [Documentation](https://web3auth.io/docs/sdk/pnp/react-native) | --- | [ReactNative-Expo-Example](https://github.com/Web3Auth/web3auth-pnp-examples/tree/main/react-native/rn-expo-example/) |
| `React Native (Expo)` | --- | --- | [ReactNative-Expo-Auth0-Example](https://github.com/Web3Auth/web3auth-pnp-examples/tree/main/react-native/rn-expo-example) |
| `iOS` | [Documentation](https://web3auth.io/docs/sdk/pnp/ios) | --- | [iOS-Example](https://github.com/Web3Auth/web3auth-pnp-examples/tree/main/ios/ios-quick-start) |
| `iOS` | --- | --- | [iOS-Auth0-Example](https://github.com/Web3Auth/web3auth-pnp-examples/tree/main/ios/ios-auth0-example) |
## Web3Auth Gaming SDKs
| SDK | Documentation | Guide | Directory |
| :------ | :------------------------------------------------------ | :--------------------------------------------- | :---------------------------------------------------------------------------------------------------- |
| `Unity` | [Documentation](https://web3auth.io/docs/sdk/pnp/unity) | [Guide](https://web3auth.io/docs/guides/unity) | [Unity-Example](https://github.com/Web3Auth/web3auth-pnp-examples/tree/main/unity/unity-quick-start/) |
## Questions
Ask us on our
[Github Discussion Board](https://github.com/orgs/Web3Auth/discussions) or reach
out to our [Discord](https://discord.gg/web3auth).
## License
---
| Packages | `@latest` Version | Size | Description |
| ------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| 🌐 **Web** |
| `@web3auth/no-modal` | [](https://www.npmjs.com/package/@web3auth/no-modal/v/latest) | [](https://bundlephobia.com/result?p=@web3auth/no-modal@latest) | 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` | [](https://www.npmjs.com/package/@web3auth/modal/v/latest) | [](https://bundlephobia.com/result?p=@web3auth/modal@latest) | 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/default-evm-adapter` | [](https://www.npmjs.com/package/@web3auth/default-evm-adapter/v/latest) | [](https://bundlephobia.com/result?p=@web3auth/default-evm-adapter@latest) | Adds all evm logins functionality |
| `@web3auth/auth-adapter` | [](https://www.npmjs.com/package/@web3auth/auth-adapter/v/latest) | [](https://bundlephobia.com/result?p=@web3auth/auth-adapter@latest) | Adds social logins with MFA functionality |
| `@web3auth/torus-evm-adapter` | [](https://www.npmjs.com/package/@web3auth/torus-evm-adapter/v/latest) | [](https://bundlephobia.com/result?p=@web3auth/torus-evm-adapter@latest) | Adds Torus Wallet login functionality (https://app.tor.us) |
| `@web3auth/torus-solana-adapter` | [](https://www.npmjs.com/package/@web3auth/torus-solana-adapter/v/latest) | [](https://bundlephobia.com/result?p=@web3auth/torus-solana-adapter@latest) | Adds Solana Torus Wallet login functionality (https://solana.tor.us) |
| `@web3auth/wallet-connect-v2-adapter` | [](https://www.npmjs.com/package/@web3auth/wallet-connect-v2-adapter/v/latest) | [](https://bundlephobia.com/result?p=@web3auth/wallet-connect-v2-adapter@latest) | Adds wallet connect v2 login functionality + all supported adapters (eg: Metamask mobile, rainbow etc.) |
| ⛓️ **Providers** |
| `@web3auth/base-provider` | [](https://www.npmjs.com/package/@web3auth/base-provider/v/latest) | [](https://bundlephobia.com/result?p=@web3auth/base-provider@latest) | Base implementation of JRPC provider |
| `@web3auth/ethereum-provider` | [](https://www.npmjs.com/package/@web3auth/ethereum-provider/v/latest) | [](https://bundlephobia.com/result?p=@web3auth/ethereum-provider@latest) | EIP-1193 compatible JRPC provider |
| `@web3auth/solana-provider` | [](https://www.npmjs.com/package/@web3auth/solana-provider/v/latest) | [](https://bundlephobia.com/result?p=@web3auth/solana-provider@latest) | Solana chain compatible JRPC provider |
| 🔌 **Wallet Services Plugin** |
| `@web3auth/wallet-services-plugin` | [](https://www.npmjs.com/package/@web3auth/wallet-services-plugin/v/latest) | [](https://bundlephobia.com/result?p=@web3auth/wallet-services-plugin@latest) | Adds additional Services to extend your Web3Auth functionalities, like fiat to crypto, pre built UI, wallet connect connections etc. |
| ✨ **Low-Level** |
| `@web3auth/base` | [](https://www.npmjs.com/package/@web3auth/base/v/latest) | [](https://bundlephobia.com/result?p=@web3auth/base@latest) | Base reusable functionalities for creating a web3auth instance |
| `@web3auth/ui` | [](https://www.npmjs.com/package/@web3auth/ui/v/latest) | [](https://bundlephobia.com/result?p=@web3auth/ui@latest) | 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` |