Last updated
Last updated
is a popular library for allowing users to connect their (EVM) wallet to your app. If you prefer to use RainbowKit instead of Picket's built-in login modal, we've got you covered. exposes a to allow you to use Picket for authenticating and authorizing users with RainbowKit's connect modal UI.
Follow the guide below to , but be aware of the .
You have a account. If you don't, sign up at
You've read the
Copy your publishable key
Paste it as a parameter to the PicketRainbowAuthProvider
Click the Connect Wallet
button to start the login flow. Once you've connected your wallet, you should see another modal to start the login flow (see screenshots below).
Congrats! You've successfully setup a custom authentication integration for RainbowKit with Picket!
EVM Only
Navigate to your
Open in your browser to see the result
At the moment, RainbowKit doesn't support custom error messages, which means we can't warn users that they cannot login because of token-gating requirements. For this reason, we've disabled token-gating on login for this integration; however, you can still use to token-gate after the user has logged in.
Picket makes it easy to authenticate and authorize users on any chain , but RainbowKit is exclusive to the EVM ecosystem. You cannot use non-EVM functionality, like token gating on , with this integration.
Learn how to use Picket + RainbowKit to authenticate users