🤎 Enjoying my work? Buy me a coffee to support my coding adventures! ☕


Docs
Tweet Card

Tweet Card

A card that displays a tweet with the author's name, handle, and profile picture.

Installation

npx nyxbui@latest add tweet-card

Usage

To render on server side using RSC (Next.js 13):

import { TweetCard } from "~/components/ui/tweet-card.tsx";
 
export default async function App() {
  return <TweetCard id="1703861725534011484" />;
}

To render on client side:

"use client";
import { ClientTweetCard } from "~/components/ui/client-tweet-card.tsx";
 
export default function App() {
  return <ClientTweetCard id="1703861725534011484" />;
}

Examples

Tweet Card With Meta URL Preview

Props

ClientTweetCard

PropTypeDescription
idstringThe id of the tweet to display.

TweetCard

PropTypeDescription
idstringThe id of the tweet to display.

Credits

This component is built on top of React Tweet.