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

# X Official Partner

> Directory of X Official Partners offering tools and services built on the X API, including analytics, content moderation, ad management, and more.

export const StoryCard = ({img, href, title}) => {
  return <a href={href} className="x-surface block not-prose font-normal group relative my-2 overflow-hidden w-full cursor-pointer">
      <div className="flex flex-col h-full">
        <div className="w-full aspect-[3/2] bg-white">
          <img src={img} className="rounded-none pointer-events-none w-full h-full object-cover" alt={title} />
        </div>
        <div className="flex flex-col justify-center p-4 flex-1" style={{
    background: 'var(--x-tile-bg)'
  }}>
          <div className="x-headline2 x-text-primary">{title}</div>
        </div>
      </div>
    </a>;
};

export const Banner = ({img, href, title, description}) => {
  return <a href={href} className="x-surface block not-prose font-normal group relative my-1 overflow-hidden w-full cursor-pointer">
      <div className="flex flex-row h-full">
        <div className="integration-logo w-48 flex items-center justify-center p-4 bg-white">
          <span className="flex items-center justify-center" style={{
    width: '100%',
    height: '100%',
    maxWidth: '150px'
  }}>
            <img src={img} className="pointer-events-none w-full h-full object-contain" style={{
    maxWidth: '150px',
    maxHeight: '80px'
  }} />
          </span>
        </div>
        <div className="flex flex-col justify-center p-4 flex-1">
          <div className="x-headline2 x-text-primary">{title}</div>
          <p className="mt-1 x-subtext2 x-text-secondary">{description}</p>
        </div>
      </div>
    </a>;
};

export const Button = ({href, children}) => {
  return <div className="not-prose">
    <a href={href}>
      <button className="x-btn">
        <span>{children}</span>
        <svg width="3" height="24" viewBox="0 -9 3 24" class="h-6 rotate-0 overflow-visible"><path d="M0 0L3 3L0 6" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg>
      </button>
    </a>
  </div>;
};

export const IntroCard = ({img, href, title, description}) => {
  return <a href={href} className="x-surface block not-prose font-normal group relative my-2 overflow-hidden w-full cursor-pointer">
      <div className="flex flex-col h-full">
        <div className="integration-logo w-full flex items-center justify-center">
          <img src={img} className="pointer-events-none w-full h-full object-cover" />
        </div>
        <div className="p-4 flex-grow" style={{
    background: 'var(--x-tile-bg)'
  }}>
          <div className="x-headline2 x-text-primary mb-2">{title}</div>
          <p className="x-subtext1 x-text-secondary">{description}</p>
        </div>
      </div>
    </a>;
};

## Build your business with X Official Partners

###### Tap into the public conversation on X and turn insights into action with solutions from our partners.

<br />

<div style={{ display: 'flex', gap: '1rem', alignItems: 'center' }}>
  <Button href="https://partners.x.com/en/find-a-partner">
    Find a partner
  </Button>

  <Button href="https://partners.x.com/en/about-the-program">
    Learn more
  </Button>
</div>

## Work with a trusted X Official Partner to expand what's possible for your business

Our partners are vetted for excellence and can provide technology to help you:

* Understand consumer trends and preferences 
* Collect and analyze product and service feedback 
* Engage with customers and resolve issues 
* Be alerted to breaking news and events 
* Create, publish, and analyze content across social channels 
* And more!

## Discover the right Official Partner for your business

<br />

<Banner title="Official Partners represent excellence, value, and trust" img="https://mintlify.s3-us-west-1.amazonaws.com/x-preview/images/XOPP_logo_black.png" description="Each Official Partner has been selected for the program after an extensive evaluation. Our partners are continuously reviewed by X, as this invitation-only program holds its members to the highest performance standards, in order to deliver great experiences for brands." />

### Official Partners represent excellence, value, and trust

Each Official Partner has been selected for the program after an extensive evaluation. Our partners are continuously reviewed by X, as this invitation-only program holds its members to the highest performance standards, in order to deliver great experiences for brands.

<Button href="https://partners.x.com/en/about-the-program">
  Learn about the program
</Button>

## See our partners' impressive work

<CardGroup cols={3}>
  <StoryCard title="NASA uses X audience insights to take fans to new frontiers" href="https://partners.x.com/en/partner-resources/nasa-uses-twitter-audience-insights-to-take-fans-to-new-frontier" img="https://mintlify.s3-us-west-1.amazonaws.com/x-preview/images/Hero.jpg" />

  <StoryCard title="The beauty in X" href="https://partners.x.com/en/partner-resources/the-beauty-in-twitter" img="https://mintlify.s3-us-west-1.amazonaws.com/x-preview/images/thumbnail-sprinklr.png" />

  <StoryCard title="Analyze #ExtremeWeather conversation on X" href="https://developer.x.com/en/use-cases/build-for-good/extreme-weather" img="https://mintlify.s3-us-west-1.amazonaws.com/x-preview/images/Extreme_369x277.png" />
</CardGroup>