Tweet Card Demo

PreviousNext

Example showing a tweet card with author info.

Docs
magicuiexample

Preview

Loading preview…
registry/example/tweet-card-demo.tsx
import { ClientTweetCard } from "@/registry/magicui/client-tweet-card"

/**
 * <TweetCard /> (Server Side Only)
 * <ClientTweetCard /> (Client Side Only)
 */
export default function TweetDemo() {
  return <ClientTweetCard id="1668408059125702661" />
}

Installation

npx shadcn@latest add @magicui/tweet-card-demo

Usage

import { TweetCardDemo } from "@/components/tweet-card-demo"
<TweetCardDemo />