Tweet Card

A tweet card that fetches and displays a Twitter/X post with the user's avatar, name, text, photos or video, and a link to open the original tweet.

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, TweetSkeleton } from "@/components/ui/tweet-card";

export default function TweetCardDemo() {
  return (
    <div className="flex w-full items-center justify-center p-4">
      <ClientTweetCard id="1944804313156419771" fallback={<TweetSkeleton />} />
    </div>
  );
}