/* Custom styles for image width and border radius control */
/* Use these classes on Frame components for selective styling */

/* Width control classes (no border radius) */
.image-50 {
  width: 50% !important;
  max-width: 50% !important;
  height: auto;
  margin: 0 auto;
  display: block;
}

.image-60 {
  width: 60% !important;
  max-width: 60% !important;
  height: auto;
  margin: 0 auto;
  display: block;
}

.image-70 {
  width: 70% !important;
  max-width: 70% !important;
  height: auto;
  margin: 0 auto;
  display: block;
}

.image-80 {
  width: 80% !important;
  max-width: 80% !important;
  height: auto;
  margin: 0 auto;
  display: block;
}

/* Border radius class (separate) */
.image-rounded {
  border-radius: 8px;
}

/* For responsive behavior */
@media (max-width: 768px) {
  .image-50,
  .image-60,
  .image-70,
  .image-80 {
    width: 90% !important;
    max-width: 90% !important;
  }
} 

X Layer

Civic Docs

Civic makes onboarding easy, secure, and developer-friendly. Our solutions let you connect with users on their terms while verifying identity on yours, creating a trusted digital experience for everyone.

Getting Started

Getting Started with Civic

Civic Auth is a simple, flexible, and fast way to integrate authentication into your applications. Enable familiar sign-in options while offering optional embedded wallets and unlocking blockchain benefits for your users.

Civic Auth

Integrate Civic Auth into your React application with ease, just wrap your app with the Civic Auth provider and add your Client ID (provided after you [sign up](https://auth.civic.com)).

React

Next.JS

Integrate react-native with civic-auth OAuth2 services.

React Native

Civic Auth can be integrated into other environments using any OIDC or OAuth 2.0-compliant client libraries.

Other OIDC / OAuth 2.0-Compliant Environments

Frequently asked questions about Civic Auth integration.

FAQs

This section describes the error codes that may be encountered during the OAuth authentication flow.

Error Codes

The steps you need to follow to use your App in a live environment.

Bring Your App to Production

Changelog

The **Civic Auth Web3 SDK** ([@civic/auth-web3](https://www.npmjs.com/package/@civic/auth-web3)) extends the functionality of the base **Civic Auth SDK** by including the ability to provision a Web3 wallet for users. This allows Civic Auth apps to provide their users with access to the world of Cryptocurrencies and Web3 without any hassle or prior knowledge.

Embedded Wallets

Ethereum / EVM

Solana

Quickstart

Civic Pass is a powerful identity verification solution designed to enhance trust, control, and safety in digital interactions. It provides developers with a robust toolkit to implement user verification and access control in decentralized applications (dApps) and smart contracts.

Overview of Civic Pass

Key Terms & Definitions

Civic Pass Behavior

Get Network Keys

Demo Videos

How any partner can embed a pre‑configured Civic Pass URL in their product or campaign

Referral Link Guide

Follow these steps for a turnkey implementation of Civic Pass on EVM chains

Arbitrum

Implementation Guide on EVM

Avalanche

Base

Binance Smart Chain (BSC)

Ethereum

Fantom

Optimism

Polygon

Polygon zkEVM

Follow these steps for a turnkey implementation of Civic Pass on Solana and SVM chains

Sonic

Unichain

Unsupported EVM?

A Custom Pass is designed for dApps that wish to restrict access but do not want to use Civic IDV Services and UI components.

Issue Your Own Custom Pass

Using the API

Civic Pass offers robust and flexible integration options for both frontend and backend applications, as well as on-chain smart contracts. This guide provides a high-level overview of the available integration methods, focusing on the key concepts and benefits of each approach.

Choosing How to Implement Gating

Civic Pass is designed to be highly composable, so builders can add identity to their applications in any number of use cases.

Overview of Use Cases

Agentic AI

Airdrops

NFTs

Smart Contract Development

Bug Bounty Program

Security & Compliance

Audit Reports

Supported Countries & Docs

The APIs described below enable Civic customers to issue and manage the Civic Pass for their dApp. To learn more about Civic Passes and their fundamentals, please refer to the main [documentation](/).

Civic Pass Customer API

Returns a list of all Civic Passes you have issued. Optionally filtered by the Civic Pass attributes. A pass may take a few seconds to a few minutes to show up here after issuing, depending on blockchain confirmation times.

List Civic Passes

Issue a Civic Pass to a user's wallet. This action is asynchronous, i.e. it does not wait for the Civic Pass to be confirmed on-chain before returning.

Issue a Civic Pass

Retrieve the full details about a Civic Pass you issued, including a log of all events associated with the specific pass. A pass may take a few seconds to a few minutes to show up here after issuing, depending on blockchain confirmation times.

Retrieve a Civic Pass.

Revoking a Civic Pass is **irreversible**. After the Civic Pass has been revoked, it is not possible to issue a new Civic Pass to the same {chain, wallet, network} combination.

Revoke a Civic Pass

Updates either the status or the expiration timestamp of a Civic Pass. This action is asynchronous, i.e. it does not wait for updates to be confirmed on-chain before returning. To immediately expire a pass, for example to force a user to refresh, set an expiration data a couple of second in the future.

Update a Civic Pass

After the user's PII has been delivered to Civic, we give you an ID (scopeRequestId) that can be used to retrieve the user's PII before issuing the Civic Pass.

Get the user's PII using a ScopeRequestId provided by Civic

After you reviewed the user's PII returned by the GET /piirequest/{scopeRequestId} endpoint, you can approve or reject the user's Civic Pass by calling this endpoint.

Approve or Reject receipt of PII, to allow or block issuance of the user's Civic Pass.

Welcome to the home of your new documentation

Introduction

Start building awesome documentation in under 5 minutes

Development

Text, title, and styling in standard markdown

Markdown Syntax

Code Blocks

Add image, video, and other HTML elements

Images and Embeds

Mintlify gives you complete control over the look and feel of your documentation using the mint.json file

Global Settings

The navigation field in mint.json defines the pages that go in the navigation menu

Navigation

Reusable, custom snippets to keep content in sync

Reusable Snippets

Example section for showcasing API endpoints

Returns all plants from the system that the user has access to

Get Plants

Create Plant

Deletes a single plant based on the ID supplied

Introduction

Integration Guide

Custom Passes

Gating Options

Use Cases

Security

Resources

X Layer

Implementation Guide on EVM