> ## Documentation Index
> Fetch the complete documentation index at: https://x-preview-mintlify-b4f5bfb1.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Tools and libraries

> Tools, libraries, and plugins for adding X for Websites embeds and widgets to your site, including WordPress, content management system integrations.

## Official resources

The tools below can get you started with X for Websites.

<CardGroup cols={3}>
  <Card title="publish.x.com" icon="https://mintcdn.com/x-preview-mintlify-b4f5bfb1/VFX2XSyPqtT4SVsH/icons/xds/icon-logo-x.svg?fit=max&auto=format&n=VFX2XSyPqtT4SVsH&q=85&s=3e95da6e3d89669c7c58e7d5f0cb4336" href="https://publish.x.com/" width="24" height="24" data-path="icons/xds/icon-logo-x.svg">
    Build your own embedded Tweet, timeline, or button.
  </Card>

  <Card title="Twitter for WordPress" icon="https://mintcdn.com/x-preview-mintlify-b4f5bfb1/VFX2XSyPqtT4SVsH/icons/xds/icon-logo-x.svg?fit=max&auto=format&n=VFX2XSyPqtT4SVsH&q=85&s=3e95da6e3d89669c7c58e7d5f0cb4336" href="https://github.com/twitter/wordpress" width="24" height="24" data-path="icons/xds/icon-logo-x.svg">
    An official plugin to optimize your WordPress site for X, including Tweet embeds and X Cards.
  </Card>

  <Card title="twemoji" icon="https://mintcdn.com/x-preview-mintlify-b4f5bfb1/VFX2XSyPqtT4SVsH/icons/xds/icon-logo-x.svg?fit=max&auto=format&n=VFX2XSyPqtT4SVsH&q=85&s=3e95da6e3d89669c7c58e7d5f0cb4336" href="https://twemoji.x.com/" width="24" height="24" data-path="icons/xds/icon-logo-x.svg">
    X’s free, open source emoji character set, including a JavaScript library for cross-platform support.
  </Card>
</CardGroup>

## Community tools and libraries

The following tools are provided and supported by the wider web developer community, and are not official resources. We thank the community for these contributions!

### Gatsby

<CardGroup>
  <Card title="gatsby-remark-embedded" icon="https://mintcdn.com/x-preview-mintlify-b4f5bfb1/NEh9mjpH7RaTDEed/icons/xds/icon-code.svg?fit=max&auto=format&n=NEh9mjpH7RaTDEed&q=85&s=07116236bb3000cffffbf6c9bac6d47e" href="https://github.com/MichaelDeBoey/gatsby-remark-embedder" width="24" height="24" data-path="icons/xds/icon-code.svg">
    by [@MichaelDeBoey](https://github.com/MichaelDeBoey)
  </Card>
</CardGroup>

### React

<CardGroup cols={3}>
  <Card title="react-tweet" icon="react" href="https://github.com/mannynotfound/react-tweet">
    by [@mannynotfound](https://github.com/mannynotfound)
  </Card>

  <Card title="react-tweet-embed" icon="react" href="https://github.com/capaj/react-tweet-embed">
    by [@capaj](https://github.com/capaj)
  </Card>

  <Card title="react-twitter-widgets" icon="react" href="https://github.com/andrewsuzuki/react-twitter-widgets">
    by [@andrewsuzuki](https://github.com/andrewsuzuki)
  </Card>

  <Card title="react-twitter-embed" icon="react" href="https://github.com/saurabhnemade/react-twitter-embed">
    by [@saurabhnemade](https://github.com/saurabhnemade)
  </Card>
</CardGroup>

### Web Components

<CardGroup cols={3}>
  <Card title="twitter-status" icon="https://mintcdn.com/x-preview-mintlify-b4f5bfb1/NEh9mjpH7RaTDEed/icons/xds/icon-code.svg?fit=max&auto=format&n=NEh9mjpH7RaTDEed&q=85&s=07116236bb3000cffffbf6c9bac6d47e" href="https://github.com/abraham/twitter-status" width="24" height="24" data-path="icons/xds/icon-code.svg">
    by [@abraham](https://x.com/abraham)
  </Card>

  <Card title="twitter-user" icon="https://mintcdn.com/x-preview-mintlify-b4f5bfb1/NEh9mjpH7RaTDEed/icons/xds/icon-code.svg?fit=max&auto=format&n=NEh9mjpH7RaTDEed&q=85&s=07116236bb3000cffffbf6c9bac6d47e" href="https://github.com/abraham/twitter-user" width="24" height="24" data-path="icons/xds/icon-code.svg">
    by [@abraham](https://x.com/abraham)
  </Card>
</CardGroup>

### WordPress

<CardGroup cols={3}>
  <Card title="TwitterWP" icon="wordpress" href="https://github.com/jtsternberg/TwitterWP">
    by [@jsternberg](https://github.com/jtsternberg)
  </Card>
</CardGroup>