Inspired by Vercel's react-tweet, I built a React component to embed Farcaster casts in your React app or blog.
You can embed it by passing in the URL of the cast, or the username and hash. Everything gets pulled in automatically.
Get Started
GitHub - pugson/react-farcaster-embed: Display an embedded cast from Farcaster in your React app. Works with Next.js SSR.Display an embedded cast from Farcaster in your React app. Works with Next.js SSR. - pugson/react-farcaster-embedgithub.com/pugson/react-farcaster-embedreact-farcaster-embedEmbed casts from Farcaster in your React app.. Latest version: 1.8.9, last published: a month ago. Start using react-farcaster-embed in your project by running `npm i react-farcaster-embed`. There is 1 other project in the npm registry using react-farcaster-embed.npm.im/react-farcaster-embed
Features
- Supports server components and client components
- Shows the cast's author, their avatar and username, date when the cast was posted
- Renders the cast's content with links
- Shows the channel name and avatar
- Shows counts for replies, likes, recasts + quotes, watches
- Adds a link to the cast on Warpcast
- Renders images attached to the cast
- Embeds a video player for videos attached to the cast
- Shows quoted casts
- Rich Open Graph previews for links in the cast
Examples
Usage
Head over to GitHub.
GitHub - pugson/react-farcaster-embed: Display an embedded cast from Farcaster in your React app. Works with Next.js SSR.Display an embedded cast from Farcaster in your React app. Works with Next.js SSR. - pugson/react-farcaster-embedgithub.com/pugson/react-farcaster-embed