Tweet Grid
Masonry grid of embedded tweets for React and shadcn/ui from a list of tweet IDs, for testimonial walls and social proof.
Updated
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
Tweet Grid is a React layout component for shadcn/ui with configurable columns and spacing. Use it for testimonial walls, social proof sections, or community pages.
Installation
pnpm dlx shadcn@latest add @cult-ui/tweet-grid
Usage
// Grab tweet ids
const exampleTweets = [
"1742983975340327184",
"1743049700583116812",
"1754067409366073443",
"1753968111059861648",
"1754174981897118136",
"1743632296802988387",
"1754110885168021921",
"1760248682828419497",
"1760230134601122153",
"1760184980356088267",
];
export default function TweetGridDemo() {
return <TweetGrid tweets={exampleTweets} />;
}