• vitalik

    .eth

    @jacob

    lucanetz

    .eth

    dotnouns

    .⌐◨-◨

    jesse

    .base.eth

    @seneca

    4156

    .nouns

    hayden

    .uni.eth

    @stani

    .lens

Identity Kit

Identity Kit

Add Web3 profile pics and usernames to your app.

With a few lines of code.

With a few lines of code.

npm install @paperclip-labs/whisk-sdk

View docs

How it works

Get up and running with Identity Kit in a few steps!

import { Name, Avatar } from "@paperclip-labs/whisk-sdk/identity";

function ExampleComponent() {
    // This could come from a connected wallet via Wagmi, ethers.js, web3.js, Privy, etc.
    const address = "0xd8dA6BF26964aF9D7eEd9e03E53415D37aA96045";

    return (
        <div className="flex items-center gap-2">
            <Avatar address={address} size={30} />
            <Name address={address} />
        </div>
    );
}
import { Name, Avatar } from "@paperclip-labs/whisk-sdk/identity";

function ExampleComponent() {
    // This could come from a connected wallet via Wagmi, ethers.js, web3.js, Privy, etc.
    const address = "0xd8dA6BF26964aF9D7eEd9e03E53415D37aA96045";

    return (
        <div className="flex items-center gap-2">
            <Avatar address={address} size={30} />
            <Name address={address} />
        </div>
    );
}

Built with

React Query

Viem

Tailwinds

TypeScript

View docs

Out-of-the-Box Namespace Support

Supports the following:

.eth

@farcaster

uni.eth

.nouns

base.eth

.⌐◨-◨

@lens

World ID

Need another namespace?
Send us a request

Features

Built by developers for developers.

React components

Fully customizable components.

TypeScript Ready

Get types out of the box.

Direct Data access

via React Hooks or Whisk SDK.

Cacheing

Built-in for faster data loading.

Full UI customization

Use the components however you like.

NounSwap

Base Wrapped

Use it anywhere

Whisk works with the top libraries and wallets.

Wagmi

Ethers.js

Viem

Web3.js

WalletKit

Coinbase

Metamask

RainbowKit

Privy

and more!

View docs

FAQs

What do I need to get started

Simply install via npm or yarn, import the components, and follow the step-by-step guide. It’s that easy.

Why should I use Identity Kit?

Identity Kit is the fastest and simplest way to add Web3 identity to your app. With support for ENS, NNS, Uni Name, Basensame, and Farcaster, you can provide decentralized identities to your users in minutes. It's lightweight, fully customizable, and open-source, making it ideal for developers looking to enhance user experience with minimal effort.

Can I modify Identiy kit designs to make them fit my app?

Yes you can! Identity Kit contains of fully customizable React components that integrate seamlessly with your app’s design.

Can I use Identity Kit with other solutions?

Yes, Identity Kit can be used as a standalone identity solution or alongside other tools.

What if I have more questions?

Email us at contact@paperclip.xyz and we’ll be happy to help.

Get started today

The easiest way to add onchain identity to your app.

View docs

Whisk by Paperclip Labs