React component to embed Farcaster casts in your React app or blog.

react-farcaster-embed

Display an embedded cast from Farcaster in your React app.

• Updated Feb 2, 2024

Loading...

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.

app.tsx
1<FarcasterEmbed url="https://warpcast.com/pugson/0x4294c797" />
2<FarcasterEmbed username="dwr" hash="0x48d47343" />

Features

  • 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

Examples

coming to a Vision Pro near you* *some day and i bet you’ll be able to thank @zachterrell and @greg for it :)

teddit

teddit

New on feature Warpcast Quote casts - Recast button now brings up a menu with recast and quote cast options - Quote cast composer allows you to quote cast into another channel - Quote casts generate a notification for the original caster - Ability to view all quote casts on individual cast view

Cast image embedCast image embed
Warpcast

Warpcast

currently trying to grep my whole computer to check if the microservice i'm paying $0.33/mo to run is being used by any projects

dev

dev

its a picture of europe. i don’t get it

Cast image embed
Memes

Memes

Revisiting this 2022 post: Happened: Merge, L2s, Sort of: vertically-integrated DAO mobile wallet (FWB app closest), soulbbound / on-chain and off-chain credentials (EAS), Farcaster (technical, but still sub-scale) Not really: practical ZKP, a popular game https://danromero.org/excited-for-this-build-cycle.html

Ethereum

Ethereum

welcome back, night city 🌔

Cast image embed
Gaming

Gaming

Usage

Head over to GitHub.

get notified when i write something new or launch a new project right into your inbox.

or

subscribe on telegram

Thanks for your time & attention.