Glyph

Appearance

Getting Started with Glyph Widget ​

The Glyph Widget is a React component library that provides seamless integration with Glyph's user management system through Privy's cross-app ecosystem and wallet connections via wagmi.

Integrations ​

Integrate Glyph into an existing React project using one of our integration guides below:

Requirements ​

  • Node.js >= 18
  • React 18 or 19
  • React DOM 18 or 19
  • @types/react 18 or 19
  • @types/react-dom 18 or 19
  • @privy-io/react-auth >=3.9.0 (If using Privy)
  • @privy-io/wagmi >=2.0.0 (If using Privy)
  • @privy-io/cross-app-connect >=0.2.1 (If using Privy as cross-app)
  • Next.js 14 or 15 (If using Next.js)
  • @tanstack/react-query >=5.76.0 (If using react-query)
  • viem >=2.30.0 (If using viem)
  • wagmi >=2.10.0 (If using wagmi)
  • @rainbow-me/rainbowkit >=2.2.8
  • @dynamic-labs/ethereum >=4.30.0 (If using Dynamic)
  • @dynamic-labs/sdk-react-core >=4.30.0 (If using Dynamic)
  • @dynamic-labs-connectors/glyph-global-wallet-evm >=4.4.1 (If using Dynamic)
  • @dynamic-labs/wagmi-connector >=4.30.0 (If using Dynamic)

WARNING

v2.0 Breaking Changes: @privy-io/react-auth has been bumped to >=3.9.0 and @privy-io/wagmi to >=2.0.0. The chains and transports props have been removed from GlyphPrivyProvider and GlyphWalletProvider -- chains are now configured dynamically from the Glyph backend. See each provider's reference page for migration details: GlyphPrivyProvider and GlyphWalletProvider.

WARNING

Peer dependencies: @rainbow-me/rainbowkit and @privy-io/cross-app-connect are not optional. Ensure both are installed per your integration's requirements.

Wagmi

Native Integration (Wagmi)

Add Glyph as the native wallet connection option to your React application.

Privy

Privy (Cross-App)

Integrate Glyph into an existing Privy application.

ConnectKit

ConnectKit

Integrate Glyph as a wallet connection option to an existing ConnectKit application.

RainbowKit

RainbowKit

Integrate Glyph as a wallet connection option to an existing RainbowKit application.

Dynamic

Dynamic

Integrate Glyph as a wallet connection option to an existing Dynamic application.

WARNING

Important note:

If you want to collect or retain user data (like emails, names, or preferences), you'll need to store that data in your own database. Glyph does not store or expose personally identifiable information, you will need to explicitly capture it during your own onboarding flow.

TIP

Need help in choosing the right integration? Check out the Integrations page for more information.