Use Para Modal

Follow this path when your React web app uses Para’s prebuilt modal for authentication, embedded wallets, and signing.

Use this path when your React app can rely on Para’s prebuilt modal for authentication, embedded wallet creation, wallet management, and signing prompts. Your app controls when the modal opens and how it fits into your product, while Para owns the wallet UI itself.

Choose This Path If

• You are building a React, Next.js, Vite, or TanStack Start web app.
• You want Para auth, embedded wallets, wallet screens, and signing prompts out of the box.
• You want branding, supported auth methods, external wallets, and security posture managed from the Developer Portal.

Para Modal is React-only. If your app owns the screens, uses Vue, Svelte, the Web SDK directly, React Native, Flutter, or Swift, use Build Custom UI. If your backend owns auth or wallet operations, use Use Para from Your Backend.

Integration Lifecycle

1. Create a Para project

   Create a project and API key in the Developer Portal, then review Developer Portal setup.

2. Start with React & Web

   Add Para to your app with the React quickstart, then choose the setup guide for Next.js, Vite, or TanStack Start.

3. Configure the modal

   Review How Configuration Works, configure authentication in the Developer Portal, then customize the Para Modal.

4. Sign with Para

   Use Sign with Para to confirm that authentication, wallet creation, and signing work end to end.

5. Prepare for launch

   Review the Go Live Checklist and Production Deployment before moving from BETA to PRODUCTION.

Next Docs

React SDK Quickstart

How Configuration Works

Configure Authentication

Style the Modal

Sign with Para