Using the JavaScript & React SDKs

Getting Started

Pluto offers an npm package to make working with Web Proofs seamless. You can learn about how Web Proofs work in the Web Proofs documentation page.

There are two primary methods for generating Web Proofs using Pluto, however you only need to choose one. Choose your preferred implementation method below:

1. iOS App: Users on iOS devices can generate proofs using the Pluto Attest app.
2. Chrome Extension: Users on desktop can use the Pluto Chrome extension to generate proofs (Coming soon).

Our Web Proofs library makes generating and verifying Web Proofs seamless and easy, offering components and functions for both the iOS App and the Chrome Extension, allowing users to generate proofs on any device.

Installation

ℹ️ The default option for generating Web Proofs is to use the Pluto-hosted notary. Developers do not need to set up the prover or host it themselves, unless they explicitly want to self-host this infrastructure or build custom infrastructure.

To get started using the Pluto Web Proofs library, install the library using npm or yarn.

npm i @plutoxyz/web-proofs

Usage

Our library supports ES6 module imports, making it compatible with modern JavaScript environments. Select your preferred implementation method below:

ReactJavaScript

Component.tsx

import { Prove } from "@plutoxyz/web-proofs"
  
const Main = () => {
    let manifestUrl = "https://raw.githubusercontent.com/pluto/attest-integrations/main/integrations/reddit-user-karma/manifest.dev.json"
    
    return (
      <Prove manifestUrl={manifestUrl} />
    );
  };

import { Prove } from "@plutoxyz/web-proofs" const Main = () => { let manifestUrl = "https://raw.githubusercontent.com/pluto/attest-integrations/main/integrations/reddit-user-karma/manifest.dev.json" return ( <Prove manifestUrl={manifestUrl} /> ); };