HomeBookmarks
lens-blockslens-blocks
lens-blocks

lens-blocks

LEby lensblocks
2components86views1bookmark

Installs all 16 components. Without our CLI, run instead.

Auto-indexed

lens-blocks contents

  • Account List ItemAccount List Item

    Account List Item

  • Paginated ListPaginated List

    Paginated List

    • That's all 2 components

    About lens-blocks

    lens-blocks publishes a shadcn registry at lensblocks.com, with 16 components installable through the shadcn CLI.

    Components
    16
    GitHub stars
    7
    Last commit
    Dec 7, 2025
    Repository
    iPaulPro/lens-blocks

    Also in the lens-blocks registry

    Copy a prompt for your agent, copy the install command, or open the docs that ship it.

    • Lens Account Chooser

      account-chooser

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

      @lens-protocol/react@0.0.0-canary-20250820102520, react-virtuoso@4.13.0, lucide-react1 file

    • Lens Account Hover Card

      account-hover-card

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

      @lens-protocol/react@0.0.0-canary-20250820102520, @lens-protocol/client@0.0.0-canary-20250820102520, lucide-react, viem@2.33.02 files

    • Lens Audio Player

      audio-player

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

      @lens-protocol/react@0.0.0-canary-20250820102520, lucide-react, react-player@3.3.2, @radix-ui/react-slider@1.3.63 files

    • Lens Collect Post Dialog

      collect-dialog

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

      @lens-protocol/react@0.0.0-canary-20250820102520, lucide-react, moment@2.30.11 file

    • Lens Follow Button

      follow-button

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

      @lens-protocol/react@0.0.0-canary-20250820102520, @lens-protocol/client@0.0.0-canary-20250820102520, viem@2.33.02 files

    • Lens Markdown

      lens-markdown

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

      @lens-protocol/react@0.0.0-canary-20250820102520, @lens-protocol/metadata@2.1.0, react-markdown@9.0.3, remark-gfm@4.0.14 files

    • Link Preview

      link-preview

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

      node-html-parser@7.0.14 files

    • Lens Login

      login

      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.

      @lens-protocol/react@0.0.0-canary-20250820102520, connectkit@1.9.1, react-virtuoso@4.13.0, lucide-react2 files

    • Lens Login Button

      login-button

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

      button1 file

    • Lens Post

      post

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

      @lens-protocol/react@0.0.0-canary-20250820102520, lucide-react, moment@2.30.19 files

    • Lens Quote Post Dialog

      quote-dialog

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

      @lens-protocol/react@0.0.0-canary-20250820102520, @lens-protocol/client@0.0.0-canary-20250820102520, lucide-react, wagmi@2.15.31 file

    • Lens Text Editor

      text-editor

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

      @lens-protocol/react@0.0.0-canary-20250820102520, @lens-protocol/client@0.0.0-canary-20250820102520, @tiptap/core@2.26.1, @tiptap/pm@2.26.14 files

    • Lens Tip Dialog

      tip-dialog

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

      @lens-protocol/react@0.0.0-canary-20250820102520, @lens-protocol/client@0.0.0-canary-202508201025201 file

    • Lens Video Player

      video-player

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

      @lens-protocol/react@0.0.0-canary-20250820102520, lucide-react, react-player@3.3.21 file

    From the lens-blocks readme

    Introduction

    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.

    Installation

    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 @lens-blocks namespace without any additional configuration. Eg:

    pnpm 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.

    Documentation

    View the Lens Blocks Website for more detailed installation instructions and to see all available blocks, components, hooks, and libraries.

    Usage

    Lens Blocks is currently in beta and subject to change. It's not recommended to use the components in production yet.

    Contributing

    Not yet open to contributions during initial development. Feedback and suggestions are welcome!

    Read the rest on GitHub →

    What lens-blocks builds on

    The packages and primitives its components pull in, counted across the registry.

    utils15button11avatar8skeleton8dialog5post-provider3spinner3dropdown-menu1hover-card1input1select1tooltip1

    Hooks and utilities

    • use-authenticated-account
    • use-login-with-viem
    • use-post-context
    • use-reaction-toggle
    • use-tip-account-action
    • use-tip-post-action

    Registries like lens-blocks

    Magic UI

    Magic UI

    by Dillion Verma

    64

    components

    coss

    coss

    by coss

    74

    components

    cult ui

    cult ui

    by cult/ui

    50

    components

    Motion Primitives

    Motion Primitives

    by Julien Thibeaut

    39

    components

    Browse every shadcn registry we track →

    ReUI

    ReUI

    by Sean Hello

    263

    components

    Kokonut UI

    Kokonut UI

    by Kokonut UI

    60

    components

    1. Components
    2. /
    3. lensblocks
    4. /
    5. lens-blocks

    Related libraries

    ShadcnStudio

    ShadcnStudio

    by Clevision

    16

    components

    Origin UI

    Origin UI

    by Origin UI

    44

    components

    Efferd

    Efferd

    by Efferd

    115

    components

    Hero Ui

    Hero Ui

    by Hero Ui

    6

    components

    Kibo UI

    Kibo UI

    by Hayden Bleasel

    28

    components

    ReUI

    ReUI

    by Sean Hello

    263

    components

    About lens-blocks

    lens-blocks is a component library on 21st.dev by lensblocks with 2 public React components. Every component ships with a live interactive preview and full TSX source — copy the code, install it through the shadcn CLI, or pull it into Cursor or Claude Code over MCP.

    All 2 lens-blocks components

    • Account List Item
    • Paginated List

    Browse all component libraries →