.mint-absolute {
    position: absolute
}
.mint-relative {
    position: relative
}
.mint-bottom-0 {
    bottom: 0px
}
.mint-m-0 {
    margin: 0px
}
.mint-my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem
}
.mint-mb-3 {
    margin-bottom: 0.75rem
}
.mint-mr-4 {
    margin-right: 1rem
}
.mint-mt-0 {
    margin-top: 0px
}
.mint-mt-2 {
    margin-top: 0.5rem
}
.mint-block {
    display: block
}
.mint-flex {
    display: flex
}
.mint-grid {
    display: grid
}
.mint-h-12 {
    height: 3rem
}
.mint-h-24 {
    height: 6rem
}
.mint-h-4 {
    height: 1rem
}
.mint-h-8 {
    height: 2rem
}
.mint-h-full {
    height: 100%
}
.mint-w-1\/2 {
    width: 50%
}
.mint-w-12 {
    width: 3rem
}
.mint-w-24 {
    width: 6rem
}
.mint-w-4 {
    width: 1rem
}
.mint-w-8 {
    width: 2rem
}
.mint-w-full {
    width: 100%
}
.mint-flex-1 {
    flex: 1 1 0%
}
.mint-grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}
.mint-flex-col {
    flex-direction: column
}
.mint-flex-wrap {
    flex-wrap: wrap
}
.mint-items-end {
    align-items: flex-end
}
.mint-justify-start {
    justify-content: flex-start
}
.mint-justify-between {
    justify-content: space-between
}
.mint-gap-3 {
    gap: 0.75rem
}
.mint-gap-4 {
    gap: 1rem
}
.mint-space-y-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse))
}
.mint-overflow-hidden {
    overflow: hidden
}
.mint-rounded-xl {
    border-radius: 0.75rem
}
.mint-border {
    border-width: 1px
}
.mint-border-white {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity))
}
.mint-bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}
.mint-object-contain {
    object-fit: contain
}
.mint-object-cover {
    object-fit: cover
}
.mint-p-4 {
    padding: 1rem
}
.mint-p-6 {
    padding: 1.5rem
}
.mint-text-center {
    text-align: center
}
.mint-text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}
.mint-text-base {
    font-size: 1rem;
    line-height: 1.5rem
}
.mint-text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}
.mint-text-xs {
    font-size: 0.75rem;
    line-height: 1rem
}
.mint-font-bold {
    font-weight: 700
}
.mint-font-normal {
    font-weight: 400
}
.mint-font-semibold {
    font-weight: 600
}
.mint-text-gray-800 {
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity))
}
.mint-text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
.mint-opacity-0 {
    opacity: 0
}
.mint-transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.mint-duration-300 {
    transition-duration: 300ms
}
.mint-group:hover .group-hover\:mint-opacity-100 {
    opacity: 1
}
.dark\:mint-bg-gray-800:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55 / var(--tw-bg-opacity))
}
.dark\:mint-text-white:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
@media (min-width: 640px) {
    .sm\:mint-grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}
@media (min-width: 768px) {
    .md\:mint-flex-row {
        flex-direction: row
    }
}
@media (min-width: 1024px) {
    .lg\:mint-grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}
@media (min-width: 1280px) {
    .xl\:mint-grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
}

What is Para?

Getting Started

Adding Para to Your App

Welcome to the Para Developer Docs! If you're looking to learn more about integrating Para or discover advanced features, you've come to the right place!

Welcome

[🚀 Social logins powered by Para now available on ENS](https://app.ens.domains)

Para is the most comprehensive wallet and authentication suite for crypto applications.

Para

Guide for migrating from @usecapsule/* packages to @getpara/* packages

Migrating from Capsule to Para

A guide to quickly integrate Para into your Next.js applicaiton.

Next.js

A user-friendly guide to quickly integrate the Para Modal into a Create React App (CRA) setup using CRACO.

Create React App (CRACO)

A guide to quickly integrate the Para Modal into your Vite-powered React application.

React + Vite

Learn how to integrate the Para SDK with React Native projects.

Bare Workflow

Learn how to integrate the Para SDK with Expo projects.

Expo

A guide to integrate the Para Modal (React-based) into your Vue application powered by Vite.

Vue + Vite

A guide to integrate the Para Modal (React-based) into your Nuxt 3 application.

Nuxt

A user-friendly guide to integrate the React-based Para Modal into your SvelteKit application.

SvelteKit

A user-friendly guide to integrate the Para Modal (React-based) into your Svelte application powered by Vite.

Svelte + Vite

Step-by-step instructions for integrating the Para Flutter SDK into your mobile app.

Flutter

Flutter (Mobile)

Step-by-step instructions for integrating the Para Swift SDK into your iOS app.

Swift

Swift (iOS)

Setup and use the Para Server SDK for secure server-side operations

Server SDK

Explore Para's examples hub for integration patterns across web, mobile, and specific use cases.

Examples Hub

Supported Features Across Para's Frameworks

Framework Support

Learn how to customize Para to match your brand and user needs.

Overview

Learn how to customize the appearance of the Para modal to match your application's design.

Modal Customization

Add social login options to your Para integration

OAuth Social Logins

Learn how to integrate phone number logins with Para SDK.

Phone Number Logins

Implementing secure wallet recovery with Two-Factor Authentication in Para

Two-Factor Authentication

Enable crypto purchase and selling flows in your Para Modal implementation

Fiat On and Off-Ramps

Learn how to combine the Para Modal with EVM wallets.

EVM Wallets

Learn how to combine the Para Modal with Solana wallets.

Solana Wallets

Learn how to combine the Para Modal with Cosmos wallets.

Cosmos Wallets

Learn how to combine EVM, Solana, and Cosmos wallets with the Para Modal.

Multichain Wallets

A checklist to help you go live with the Para SDK.

Go Live Checklist

An overview of EVM integrations supported by Para, including Ethers, Viem, and Wagmi, along with adapters for Web3-Onboard and Rainbowkit.

Learn how to integrate Para with Ethers.js for both v5 and v6

Ethers

Learn how to integrate Para with Viem for both v1 and v2

Viem

Learn how to integrate Para with Wagmi for both v1 and v2

Wagmi

Learn how to integrate Para with Blocknative's Web3-Onboard library for a seamless onboarding experience.

Blocknative Web3-Onboard

Learn how to integrate Para with RainbowKit wallet adapters for a seamless onboarding experience.

RainbowKit Integration

Sign and send EVM transactions using the Para Swift SDK

Swift EVM Signing

An overview of Solana integration supported by Para using solana-web3.js, with information on current platform support.

Learn how to integrate Para with Solana using @getpara/solana-web3.js-v1-integration

Solana-Web3.js

An overview of Cosmos integrations supported by Para, including Cosm.js and direct integration options, along with adapters for Leap, Cosmos Kit, and Graz.

Learn how to integrate Para with Cosmos using @getpara/cosmjs-v0-integration

CosmJS

Cosmos Integration with CosmJS

Learn how to implement Leap's Social Login modal for Web3 authentication in your application

Leap Social Login

Learn how to integrate Cosmos Kit with Leap Social Login SDK

Cosmos Kit

Learn how to integrate Graz with Leap Social Login SDK

Graz

Add state management and SDK interactions using Para's React hooks

React Hooks

Learn how to use custom EVM, SVM, or Cosmos chains in your application

Custom Chains

Already have some users in another auth or wallet system? Para makes it easy to migrate!

Migration Guide

Learn how to create and manage pregenerated wallets for users with Para's SDK

Wallet Pregeneration

A user-friendly guide to quickly integrate Telegram Apps

Telegram Bots & Mini-Apps

Comprehensive guide to managing authentication sessions in Para

Session Management

A guide to combining Para-based session authentication with traditional backend JWT tokens.

Session Authentication

Configure user-facing transaction confirmation dialogs

Transaction Prompts

A comprehensive guide to managing user data when integrating Para into your application

User Data Management

An introduction to account abstraction and available integrations with Para

Learn how to integrate Alchemy AccountKit with a Para Signer for smart account creation and UserOp management in your application.

Alchemy AccountKit

Learn how to integrate Biconomy SDK with a Para Signer for Account Abstraction and smart account management in your application.

Biconomy

Learn how to integrate ZeroDev's embedded AA wallet with Para Signer

ZeroDev

Learn how to integrate Pimlico's account abstraction infrastructure with a Para Signer using permissionless.js

Pimlico

Integrate Safe Smart Accounts with Para for enhanced wallet functionality

Safe

An introduction to Para's architecture and core components

Architecture Overview

An in-depth look at Para's innovative approach to secure key management using MPC and hardware secure enclaves

Key Management System

An in-depth exploration of Para's robust security features designed to protect user assets and data

Security Mechanisms

A guide to Para's secure wallet recovery mechanism

Wallet Recovery Process

Exploring Para's approach to wallet portability and seamless cross-application usage

Wallet Portability

Frequently asked technical questions about implementing and using Para for developers

Technical FAQ

Watch informative webinars and talks about MPC, programmable transactions, and the evolution of wallets featuring Para's technology

Para Webinars and Talks

Something not working quite right? This is the section for you!

Troubleshooting Para integration with Next.js applications

Overcoming Para integration challenges in Vite-powered React applications

React with Vite

Overcoming Para integration challenges in Svelte applications

Svelte

Navigating Para integration complexities in CRA projects using CRACO

CRA with CRACO

Resolving integration issues for Para in React Native and Expo environments

Introduction

Core Concepts

General Guides

Troubleshooting

Resources

Welcome

Capsule is now Para!

What is Para?

Getting Started

Kickstart Your Integration

Adding Para to Your App

New: Alpha Release

Web Frameworks

Mobile Frameworks

Server Frameworks

Other Platforms

EVM

Cosmos

Solana

Examples Hub

Troubleshooting

Introduction

Core Concepts

General Guides

Troubleshooting

Resources

Capsule is now Para!

​What is Para?

​Getting Started

Kickstart Your Integration

​Adding Para to Your App

New: Alpha Release

Web Frameworks

Mobile Frameworks

Server Frameworks

Other Platforms

EVM

Cosmos

Solana

Examples Hub

Troubleshooting

What is Para?

Getting Started

Adding Para to Your App