logo
Lens Quick Widgets

Posts List

Display a customizable feed of Lens Protocol posts with infinite scrolling, filtering options, and interactive features like liking and reposting.

Configurator

Search for posts with specific content

Show posts from a specific Lens user

Width of each post card (px, %, etc)

Characters to show before 'show more' button

Upvotes
Comments
Reposts
Quotes
Bookmarks
Collects
Tips
Like
Repost
Comment

Advanced Filtering

Filter by posts created with specific apps

Filter by specific author addresses

NSFW
Sensitive
Spoiler

Filter by post tags

Image
Video
Article
Text Only
Audio
Livestream

Filter by specific post IDs

Post
Comment
Repost
Quote

Style Customization

CSS styles for main container in JSON format

CSS styles for posts in JSON format

CSS styles for post containers in JSON format

Component Code:
import { PostsList, PageSize, Theme, LensPostType, ContentWarning, MainContentFocus } from "lens-quick-widgets"

<PostsList 
  theme={Theme.default}
  pageSize={PageSize.Ten}
  
  
  widthOfPostCard="100%"
  
  showStats={true}
  showFollow={true}
  showUnfollowButton={false}
  showHeyButton={false}
  contentPreviewLimit={400}
  visibleStats={["upvotes", "comments", "reposts"]}
  visibleButtons={["like", "repost", "comment"]}
  
  
  
  
  
  
  
  
  
  onPostClick={(post) => console.log("Post clicked:", post.id)}
  onLike={(post) => console.log("Post liked:", post.id)}
  onRepost={(post) => console.log("Post reposted:", post.id)}
/>
Embed Code:
<iframe 
  src="https://lens-quick-widgets-web.vercel.app/embed/posts-list?theme=default&pageSize=TEN&visibleStats=upvotes%2Ccomments%2Creposts" 
  width="100%" 
  height="800px" 
  style={{border: 'none'}}>
</iframe>

Preview

Loading posts...