NewAI SDK Agents

Tweet Grid

PreviousNext

A masonry grid full of tweets

Join the club

T
Twitter User
@user
This is a mock tweet placeholder. Tweet ID: 1742983975340327184
💬 0🔄 0❤️ 0
T
Twitter User
@user
This is a mock tweet placeholder. Tweet ID: 1743049700583116812
💬 0🔄 0❤️ 0
T
Twitter User
@user
This is a mock tweet placeholder. Tweet ID: 1754067409366073443
💬 0🔄 0❤️ 0
T
Twitter User
@user
This is a mock tweet placeholder. Tweet ID: 1753968111059861648
💬 0🔄 0❤️ 0
T
Twitter User
@user
This is a mock tweet placeholder. Tweet ID: 1754174981897118136
💬 0🔄 0❤️ 0
T
Twitter User
@user
This is a mock tweet placeholder. Tweet ID: 1743632296802988387
💬 0🔄 0❤️ 0
T
Twitter User
@user
This is a mock tweet placeholder. Tweet ID: 1754110885168021921
💬 0🔄 0❤️ 0
T
Twitter User
@user
This is a mock tweet placeholder. Tweet ID: 1760248682828419497
💬 0🔄 0❤️ 0
T
Twitter User
@user
This is a mock tweet placeholder. Tweet ID: 1760230134601122153
💬 0🔄 0❤️ 0
T
Twitter User
@user
This is a mock tweet placeholder. Tweet ID: 1760184980356088267
💬 0🔄 0❤️ 0

Installation

pnpm dlx shadcn@latest add https://cult-ui.com/r/tweet-grid.json

Usage

// Grab tweet ids
const exampleTweets = [
  "1742983975340327184",
  "1743049700583116812",
  "1754067409366073443",
  "1753968111059861648",
  "1754174981897118136",
  "1743632296802988387",
  "1754110885168021921",
  "1760248682828419497",
  "1760230134601122153",
  "1760184980356088267",
]
export default function TweetGridDemo() {
  return <TweetGrid tweets={exampleTweets} />
}