Tweet Card

A card that renders a real tweet with the author's name, handle, avatar, verified badge, rich text, and media (photos or video).

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Tweet Card to your project and fits it to your theme.

import { ClientTweetCard } from "@/components/ui/tweet-card-utils/client-tweet-card";

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