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

# Policies and agreements

> X developer policies, agreements, and display requirements, covering the Developer Agreement, Developer Policy, Ads API agreement, and restricted use cases.

export const Button = ({href, children}) => {
  return <div className="not-prose group">
    <a href={href}>
      <button className="flex items-center space-x-2.5 py-1 px-4 bg-primary-dark dark:bg-white text-white dark:text-gray-950 rounded-full group-hover:opacity-[0.9] font-medium">
        <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>;
};

## Overview

Developer use of X materials and content is subject to and governed by our Developer Policy and agreements.

<div className="developer-cards-grid grid md:grid-cols-3 gap-6 my-8 auto-rows-fr">
  <Card title="Developer Agreement" icon="gavel" iconType="solid" href="/developer-terms/agreement" className="h-full flex flex-col">
    <div style={{ marginTop: '16px', display: 'flex', flexDirection: 'column', justifyContent: 'flex-end', flex: 1 }}>
      <Button href="/developer-terms/agreement">View</Button>
    </div>
  </Card>

  <Card title="Developer Policy" icon="book" iconType="solid" href="/developer-terms/policy" className="h-full flex flex-col">
    <div style={{ marginTop: '16px', display: 'flex', flexDirection: 'column', justifyContent: 'flex-end', flex: 1 }}>
      <Button href="/developer-terms/policy">View</Button>
    </div>
  </Card>

  <Card title="Ads API Agreement" icon="gavel" iconType="solid" href="/developer-terms/ads-api-agreement" className="h-full flex flex-col">
    <div style={{ marginTop: '16px', display: 'flex', flexDirection: 'column', justifyContent: 'flex-end', flex: 1 }}>
      <Button href="/developer-terms/ads-api-agreement">View</Button>
    </div>
  </Card>

  <Card title="X Developer PPU Agreement" icon="gavel" iconType="solid" href="/developer-terms/ppu-agreement" className="h-full flex flex-col">
    <div style={{ marginTop: '16px', display: 'flex', flexDirection: 'column', justifyContent: 'flex-end', flex: 1 }}>
      <Button href="/developer-terms/ppu-agreement">View</Button>
    </div>
  </Card>

  <Card title="Restricted use cases" icon="user-xmark" iconType="solid" href="/developer-terms/more-on-restricted-use-cases" className="h-full flex flex-col">
    <div style={{ marginTop: '16px', display: 'flex', flexDirection: 'column', justifyContent: 'flex-end', flex: 1 }}>
      <Button href="/developer-terms/restricted-use-cases">View</Button>
    </div>
  </Card>

  <Card title="Geo guidelines" icon="earth-americas" iconType="solid" href="/developer-terms/geo-guidelines" className="h-full flex flex-col">
    <div style={{ marginTop: '16px', display: 'flex', flexDirection: 'column', justifyContent: 'flex-end', flex: 1 }}>
      <Button href="/developer-terms/geo-guidelines">View</Button>
    </div>
  </Card>

  <Card title="Display requirements" icon="display" iconType="solid" href="/developer-terms/display-requirements" className="h-full flex flex-col">
    <div style={{ marginTop: '16px', display: 'flex', flexDirection: 'column', justifyContent: 'flex-end', flex: 1 }}>
      <Button href="/developer-terms/display-requirements">View</Button>
    </div>
  </Card>
</div>