Search for a command to run...
We just shipped 6 new components to our open source UI library! โจ Built with React, Tailwind CSS, and accessible by default.
Native tweet embedding. Consuming social content without leaving the dashboard.
npx shadcn@latest add https://ui.heygaia.io/r/twitter-card.jsonimport { TwitterCard } from "@/components/ui/twitter-card";
export default function Example() {
return (
<TwitterCard
author={{
name: "GAIA",
handle: "heygaia_io",
avatar: "/avatar.png",
verified: true,
}}
content="Just shipped a new feature! ๐"
timestamp={new Date()}
likes={142}
retweets={38}
/>
);
}| Prop | Type | Description |
|---|---|---|
| author | Author | Author information |
| content | string | Tweet content |
| timestamp | Date | string | Post time |
| likes | number | Like count |
| retweets | number | Retweet count |
| replies | number | Reply count |
| media | string | Media image URL |
| quoted | QuotedTweet | Quoted tweet |