
Installs all 16 components. Without our CLI, run instead.
lens-blocks publishes a shadcn registry at lensblocks.com, with 16 components installable through the shadcn CLI.
Copy a prompt for your agent, copy the install command, or open the docs that ship it.
A list of available Lens accounts for the user to choose from, with support for pagination.
A hover card that displays Lens account details when hovering over an account name or handle.
A list item for a Lens account displaying the avatar, name, and handle.
An audio player component for playing audio attachments in Lens posts.
A dialog component for collecting Lens Posts with support for paid collects.
A button component to follow or unfollow a Lens Account, displaying the current follow state.
A Markdown renderer for Lens posts and comments, supporting mentions, links, and rich text formatting.
A component to display a link preview for URLs included in Lens posts, showing the title, description, and image.
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 more.
A button component to initiate the Lens login flow, displaying the lens icon and a call to action.
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 and Cursor from the Lens React SDK.
Displays a post from Lens Social Protocol, including the content, author, attachments, and engagement actions.
A dialog component for quoting Lens Posts, allowing users to add their own commentary while sharing the original post.
A rich text editor component for composing Lens posts using TipTap, with support for mentions.
A dialog component for sending tips to Lens Posts and Accounts, with support for multiple tokens and payment sources.
An video player component for playing video attachments in Lens posts.
Lens Blocks is a shadcn/ui Registry of useful social React components for Lens Social Protocol using the official Lens React SDK, wagmi, and shadcn/ui.
The registry includes essentials like a wallet-aware login button (using viem/wagmi), a full-featured post component (with markdown, mentions, reactions, collects, tips), a follow button, and a WYSIWYG rich text editor.
Each block deeply integrates with the Lens React SDK and handles wallet connection, signing, authentication, session lifecycle, optimistic updates, and state management out of the box.
Much like shadcn/ui itself, Lens Blocks is a registry of React components that can be installed individually using the shadcn/ui CLI.
The registry is part of the official shadcn directory, so component installations can use the namespace without any additional configuration. Eg:
@lens-blockspnpm dlx shadcn@latest add @lens-blocks/login
All components hook deeply into the Lens React SDK and use wagmi for wallet connection and signing. With just a single command, multiple components and libraries are added directly to your project. Everything including wallet connection, Lens API authentication, account switching, and more is handled for you.
You can add a full Lens login flow to your app in minutes:
import { LensLogin } from "@/components/account/lens-login";
import { useSessionClient } from "@lens-protocol/react";
import { useWalletClient } from "wagmi";
export function Login() {
const session = useSessionClient();
const wallet = useWalletClient();
return ;
}
View the Login Block page on the website for more detailed usage instructions.
View the Lens Blocks Website for more detailed installation instructions and to see all available blocks, components, hooks, and libraries.
Lens Blocks is currently in beta and subject to change. It's not recommended to use the components in production yet.
Not yet open to contributions during initial development. Feedback and suggestions are welcome!
The packages and primitives its components pull in, counted across the registry.