---
title: "Web3 Integration"
description: "Superseded — use Wagmi v3 and the Ethereum wallets integration guide."
locale: "en"
---
# Web3 Integration

This page previously contained **ethers.js**-centric examples. Ring clones now use **Wagmi v3 + viem** with a **Wagmi-native wallet UI** (no RainbowKit).

**Use this instead:**

- **[Ethereum wallets (Wagmi v3)](/docs/integrations/ethereum-wallets.md)**

Minimal client pattern:

```tsx
'use client'

import { useConnection, useConnect, useConnectors } from 'wagmi'

export function Example() {
  const { address, isConnected } = useConnection()
  const connect = useConnect()
  const connectors = useConnectors()

  if (!isConnected) {
    return (
       connect.mutate({ connector: connectors[0] })}
      >
        Connect
      
    )
  }

  return {address}
}
```