> ## 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.

# 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/SxzTbJaLjs3MidH1/icons/xds/icon-logo-x.svg?fit=max&auto=format&n=SxzTbJaLjs3MidH1&q=85&s=53e3153f3b8d6efdad31484ef133b274" 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/SxzTbJaLjs3MidH1/icons/xds/icon-logo-x.svg?fit=max&auto=format&n=SxzTbJaLjs3MidH1&q=85&s=53e3153f3b8d6efdad31484ef133b274" 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/SxzTbJaLjs3MidH1/icons/xds/icon-logo-x.svg?fit=max&auto=format&n=SxzTbJaLjs3MidH1&q=85&s=53e3153f3b8d6efdad31484ef133b274" 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/ygI6sSJPehlc0qNT/icons/xds/icon-code.svg?fit=max&auto=format&n=ygI6sSJPehlc0qNT&q=85&s=488e23401b19225b89acc0136d242219" 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/ygI6sSJPehlc0qNT/icons/xds/icon-code.svg?fit=max&auto=format&n=ygI6sSJPehlc0qNT&q=85&s=488e23401b19225b89acc0136d242219" 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/ygI6sSJPehlc0qNT/icons/xds/icon-code.svg?fit=max&auto=format&n=ygI6sSJPehlc0qNT&q=85&s=488e23401b19225b89acc0136d242219" 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>