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.

Native Integration (Wagmi)
Add Glyph as the native wallet connection option to your React application.

Privy (Cross-App)
Integrate Glyph into an existing Privy application.

ConnectKit
Integrate Glyph as a wallet connection option to an existing ConnectKit application.
RainbowKit
Integrate Glyph as a wallet connection option to an existing RainbowKit application.
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.
