Installation
Usage
To render on server side using RSC (Next.js 13):
import { TweetCard } from "@/components/magicui/tweet-card";
export default async function App() {
return <TweetCard id="1441032681968212480" />;
}To render on client side:
"use client";
import { ClientTweetCard } from "@/components/magicui/client-tweet-card";
export default function App() {
return <ClientTweetCard id="1441032681968212480" />;
}Examples
Tweet Card With Image Carousel
Tweet Card With Meta URL Preview
Props
ClientTweetCard
| Prop | Type | Default | Description |
|---|---|---|---|
id | string | - | The id of the tweet to display. |
TweetCard
| Prop | Type | Default | Description |
|---|---|---|---|
id | string | - | The id of the tweet to display. |
Credits
This component is built on top of React Tweet.