Skip to content

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 >=2.21.0 (If using Privy)
  • @privy-io/wagmi >=1.0.6 (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

Peer dependencies (v1.2.0+): @rainbow-me/rainbowkit and @privy-io/cross-app-connect are no longer marked as optional. If you encounter peer dependency warnings, ensure both are installed per your integration's requirements.

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.