Para Modal
Minimum Next.js modal integration with connection state and message signing.
Index — Next.js examples
Every Para integration,
running live
Production builds for each integration surface — hover a card to see what it does, open the hosted app, or read the source on GitHub.
- Examples
- 35
- Live deploys
- 34
- Surfaces
- 05
- Branch
- 3.0.0
01 Hosted auth and wallet UI
Para Modal
05 examples
Start with the default modal, then narrow by chain when the app only needs one network family.
EVM Modal
Modal setup focused on EVM wallets, accounts, and signing flows.
Solana Modal
Modal setup for Solana wallets and message signing.
Cosmos Modal
Modal setup for Cosmos chain accounts and signing primitives.
Multichain Modal
One modal configuration spanning EVM, Solana, and Cosmos surfaces.
02 Bring your own entry point
Custom Auth
05 examples
Use Para behind product-specific auth screens while keeping wallet creation and session flow explicit.
Email Auth
Custom email collection and verification with Para-backed wallet creation.
Phone Auth
Custom phone number auth surface for Para sessions.
OAuth Auth
Custom OAuth entry point connected to Para wallet session state.
Combined Auth
Email, phone, and OAuth options composed into one custom auth surface.
Pregen Claim
Claim a pregenerated wallet from a Next.js app using Para auth primitives.
03 Library-specific signing
Signers
09 examples
Copy the integration that matches the signing library already used by the app.
Ethers v5
Use Para with the Ethers v5 provider and signer model.
Ethers v6
Use Para with the Ethers v6 provider and signer model.
Viem v2
Use Para accounts with Viem v2 clients and signing APIs.
CosmJS
Use Para with CosmJS signing clients for Cosmos flows.
Solana Web3.js
Use Para with Solana Web3.js transactions and signatures.
Solana Signers v2
Use Para with the Solana Signers v2 package.
Solana Anchor
Use Para with Anchor programs and Solana account flows.
Stellar SDK
Use Para with Stellar SDK transaction signing.
Canton Network
Use Para with Canton Network signing flows.
04 Wallet framework adapters
Connectors
04 examples
Use the connector example that matches the wallet framework already present in the product.
Wagmi
Connect Para through Wagmi for EVM wallet state and actions.
RainbowKit
Connect Para through RainbowKit wallet selection and Wagmi state.
Reown AppKit
Connect Para through Reown AppKit with EVM connector state.
Graz
Connect Para through Graz for Cosmos wallet workflows.
05 Smart account flows
Account Abstraction
12 examples
Use these examples when the user operation or smart account layer is the main integration surface.
Alchemy 4337
Create an Alchemy smart account with Para and send a gas-sponsored user operation.
Alchemy 7702
Use Para with Alchemy for EIP-7702 account flows.
Gelato 4337
Use Para with Gelato for sponsored ERC-4337 user operations.
Gelato 7702
Use Para with Gelato for EIP-7702 account flows.
Porto 7702
Connect Para to Porto for EIP-7702 account abstraction flows.
Rhinestone 4337
Use Para with Rhinestone account abstraction modules.
Safe 4337
Create a Para-owned Safe smart account and send a Pimlico-sponsored user operation.
Safe Recovery
Use Para as a SocialRecoveryModule guardian for a Safe owner-recovery flow.
Safe Recovery Custom Auth
Use custom passkey auth UI with Para as a Safe recovery guardian.
Thirdweb 4337
Use Para with Thirdweb smart accounts and user operations.
ZeroDev 4337
Use Para with ZeroDev ERC-4337 smart account flows.
ZeroDev 7702
Use Para with ZeroDev EIP-7702 smart account flows.