logo
Lens Quick Widgets

Sign In With Lens

A simple, customizable button that handles the entire authentication flow with Lens Protocol. Connect a wallet, sign in with Lens, and manage user sessions with one component.

Configurator

Component Code:
import { SignInWithLens, Theme } from "lens-quick-widgets"

<SignInWithLens 
  theme={Theme.default}
  onConnectWallet={(address) => console.log("Wallet connected:", address)}
  onLogin={(account) => console.log("Logged in:", account)}
  onLogout={() => console.log("Logged out")}
/>
Embed Code:
<iframe 
  src="https://lens-quick-widgets-web.vercel.app/embed/sign-in-with-lens?theme=default" 
  width="100%" 
  height="100px" 
  style={{border: 'none'}}>
</iframe>

Preview