Follow the installation docs in the Introduction.


In any component, import Tweet from react-tweet and use it like so:

import { Tweet } from 'react-tweet'
export const IndexPage = () => <Tweet id="1628832338187636740" />

You can learn more about Tweet in the Twitter theme docs.

Running the test app

Clone the react-tweet (opens in a new tab) repository and then run the following command:

pnpm install && pnpm dev --filter=vite-app...

The app will be up and running at http://localhost:5173 (opens in a new tab) for the Vite app example (opens in a new tab).

The app shows the usage of react-tweet in different scenarios:

The source code for react-tweet is imported from packages/react-tweet (opens in a new tab) and any changes you make to it will be reflected in the app immediately.