@lens-blocks

Lens Blocks is a beta shadcn/ui registry of social UI components built for the Lens Social Protocol, integrating the official Lens React SDK with wagmi and ConnectKit. Blocks include Account Chooser, Account Hover Card, Collect Post Dialog, Login, Post, Quote Post Dialog, Tip Dialog; components include Account List Item, Audio Player, Follow Button, Link Preview, Login Button, Markdown renderer, Paginated List, Text Editor, and Video Player. Hooks cover authenticated account, login with Viem, reaction toggle, tip actions, and post context. Handles wallet connection, signing, session lifecycle, and optimistic updates out of the box. Use for: building decentralized social features on Lens Protocol without hand-rolling wallet auth and SDK wiring.

24 components react shadcn-cli MIT

website ↗ github ↗ registry ↗

Install this registry

shadcn (npm) npx shadcn@latest add https://lensblocks.com/r/registry.json

pnpm pnpm dlx shadcn@latest add https://lensblocks.com/r/registry.json

bun bunx shadcn@latest add https://lensblocks.com/r/registry.json

fetch registry curl -s https://lensblocks.com/r/registry.json

Components

24 total

Paginated List component

A reusable paginated list component that fetches and displays items in pages, with support for loading states and end-of-list indicators, based on Paginated an…

npx shadcn@latest add https://lensblocks.com/r/paginated-list.json

Lens Login Button component

A button component to initiate the Lens login flow, displaying the lens icon and a call to action.

npx shadcn@latest add https://lensblocks.com/r/login-button.json

Lens Utilities lib

Utility functions for interacting with Lens Social Protocol, including formatting and data manipulation.

npx shadcn@latest add https://lensblocks.com/r/utils.json

Use Authenticated Lens Account hook

A hook to get the currently authenticated Lens account using the Lens React SDK.

npx shadcn@latest add https://lensblocks.com/r/use-authenticated-account.json

Use Lens Login with Viem hook

A hook to execute login with the Lens React SDK using the Viem library for wallet interaction.

npx shadcn@latest add https://lensblocks.com/r/use-login-with-viem.json

Use Reaction Toggle hook

A hook to toggle reactions (like/unlike) on Lens posts using the Lens React SDK.

npx shadcn@latest add https://lensblocks.com/r/use-reaction-toggle.json

Use Tip Post Action hook

A hook for tipping Lens Posts using the Lens React SDK.

npx shadcn@latest add https://lensblocks.com/r/use-tip-post-action.json

Use Tip Account Action hook

A hook for tipping Lens Accounts using the Lens React SDK.

npx shadcn@latest add https://lensblocks.com/r/use-tip-account-action.json

Use Lens Post Context hook

A hook for state, queries, and operations in a shared Lens post context

npx shadcn@latest add https://lensblocks.com/r/use-post-context.json

Lens Post Provider lib

A provider of a shared Lens post context for state, queries, and operations.

npx shadcn@latest add https://lensblocks.com/r/post-provider.json

Lens Account Chooser block

A list of available Lens accounts for the user to choose from, with support for pagination.

npx shadcn@latest add https://lensblocks.com/r/account-chooser.json

Lens Account List Item component

A list item for a Lens account displaying the avatar, name, and handle.

npx shadcn@latest add https://lensblocks.com/r/account-list-item.json

Lens Audio Player component

An audio player component for playing audio attachments in Lens posts.

npx shadcn@latest add https://lensblocks.com/r/audio-player.json

Lens Video Player component

An video player component for playing video attachments in Lens posts.

npx shadcn@latest add https://lensblocks.com/r/video-player.json

Lens Text Editor component

A rich text editor component for composing Lens posts using TipTap, with support for mentions.

npx shadcn@latest add https://lensblocks.com/r/text-editor.json

Lens Follow Button component

A button component to follow or unfollow a Lens Account, displaying the current follow state.

npx shadcn@latest add https://lensblocks.com/r/follow-button.json

Lens Account Hover Card block

A hover card that displays Lens account details when hovering over an account name or handle.

npx shadcn@latest add https://lensblocks.com/r/account-hover-card.json

Lens Login block

A full-featured login flow for Lens Social Protocol that hooks into the Lens React SDK, uses ConnectKit for wallet connections, supports account switching and …

npx shadcn@latest add https://lensblocks.com/r/login.json

Lens Markdown component

A Markdown renderer for Lens posts and comments, supporting mentions, links, and rich text formatting.

npx shadcn@latest add https://lensblocks.com/r/lens-markdown.json

Lens Tip Dialog block

A dialog component for sending tips to Lens Posts and Accounts, with support for multiple tokens and payment sources.

npx shadcn@latest add https://lensblocks.com/r/tip-dialog.json

Lens Quote Post Dialog block

A dialog component for quoting Lens Posts, allowing users to add their own commentary while sharing the original post.

npx shadcn@latest add https://lensblocks.com/r/quote-dialog.json

Lens Collect Post Dialog block

A dialog component for collecting Lens Posts with support for paid collects.

npx shadcn@latest add https://lensblocks.com/r/collect-dialog.json

Link Preview component

A component to display a link preview for URLs included in Lens posts, showing the title, description, and image.

npx shadcn@latest add https://lensblocks.com/r/link-preview.json

Lens Post block

Displays a post from Lens Social Protocol, including the content, author, attachments, and engagement actions.

npx shadcn@latest add https://lensblocks.com/r/post.json