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

# Ferramentas e bibliotecas

> Ferramentas, bibliotecas e plugins para adicionar embeds e widgets do X for Websites ao seu site, incluindo integrações com WordPress e sistemas de gerenciamento de conteúdo.

## Recursos oficiais

As ferramentas abaixo podem ajudá-lo a começar com o X for Websites.

<CardGroup cols={3}>
  <Card title="publish.x.com" icon="https://mintcdn.com/x-preview-mintlify-143107c1/ze5k6TCY1Wgf7gM4/icons/xds/icon-logo-x.svg?fit=max&auto=format&n=ze5k6TCY1Wgf7gM4&q=85&s=2c0922e670a5bfb2522b7f10279cb9c3" href="https://publish.x.com/" width="24" height="24" data-path="icons/xds/icon-logo-x.svg">
    Construa seu próprio Tweet, timeline ou botão incorporado.
  </Card>

  <Card title="Twitter for WordPress" icon="https://mintcdn.com/x-preview-mintlify-143107c1/ze5k6TCY1Wgf7gM4/icons/xds/icon-logo-x.svg?fit=max&auto=format&n=ze5k6TCY1Wgf7gM4&q=85&s=2c0922e670a5bfb2522b7f10279cb9c3" href="https://github.com/twitter/wordpress" width="24" height="24" data-path="icons/xds/icon-logo-x.svg">
    Um plugin oficial para otimizar seu site WordPress para o X, incluindo embeds de Tweets e X Cards.
  </Card>

  <Card title="twemoji" icon="https://mintcdn.com/x-preview-mintlify-143107c1/ze5k6TCY1Wgf7gM4/icons/xds/icon-logo-x.svg?fit=max&auto=format&n=ze5k6TCY1Wgf7gM4&q=85&s=2c0922e670a5bfb2522b7f10279cb9c3" href="https://twemoji.x.com/" width="24" height="24" data-path="icons/xds/icon-logo-x.svg">
    Conjunto de caracteres emoji gratuito e open source do X, incluindo uma biblioteca JavaScript para suporte multiplataforma.
  </Card>
</CardGroup>

## Ferramentas e bibliotecas da comunidade

As ferramentas a seguir são fornecidas e apoiadas pela comunidade mais ampla de desenvolvedores web e não são recursos oficiais. Agradecemos à comunidade por essas contribuições!

### Gatsby

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

### React

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

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

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

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

### Web Components

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

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

### WordPress

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