> ## Documentation Index
> Fetch the complete documentation index at: https://docs.x.com/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="x-twitter" href="https://publish.x.com/">
    Build your own embedded Tweet, timeline, or button.
  </Card>

  <Card title="Twitter for WordPress" icon="x-twitter" href="https://github.com/twitter/wordpress">
    An official plugin to optimize your WordPress site for X, including Tweet embeds and X Cards.
  </Card>

  <Card title="twemoji" icon="x-twitter" href="https://twemoji.x.com/">
    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="code" href="https://github.com/MichaelDeBoey/gatsby-remark-embedder">
    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="code" href="https://github.com/abraham/twitter-status">
    by [@abraham](https://x.com/abraham)
  </Card>

  <Card title="twitter-user" icon="code" href="https://github.com/abraham/twitter-user">
    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>