index.mdx

title	World Developer Docs
sidebarTitle	Home
mode	custom
description	Build Mini Apps, integrate World ID, and deploy on World Chain with official developer documentation.
og:image	https://raw.githubusercontent.com/worldcoin/developer-docs/main/images/docs/docs-meta.png
og:description	Build with World ID, Mini Apps, and World Chain.
twitter:image	https://raw.githubusercontent.com/worldcoin/developer-docs/main/images/docs/docs-meta.png

Build Mini Apps, integrate World ID and deploy on World Chain with official developer documentation.

<a href="/world-id/overview" className="product-card" style={{ display: "flex", flexDirection: "column", justifyContent: "space-between", aspectRatio: "1 / 1", padding: "24px", borderRadius: "16px", textDecoration: "none", cursor: "pointer" }}> <img src="/icons/landing/world-id.svg" alt="" className="product-card-icon" style={{ width: "32px", height: "32px", display: "block" }} />

<div className="product-card-title" style={{ fontSize: "24px", lineHeight: 1.3, letterSpacing: "-0.24px", fontWeight: 450 }}>Integrate World ID

<div className="product-card-desc" style={{ fontSize: "16px", lineHeight: 1.4, fontWeight: 300, marginTop: "10px" }}>Anonymous proof of human for your website or app

<a href="/mini-apps" className="product-card" style={{ display: "flex", flexDirection: "column", justifyContent: "space-between", aspectRatio: "1 / 1", padding: "24px", borderRadius: "16px", textDecoration: "none", cursor: "pointer" }}> <img src="/icons/landing/mini-app.svg" alt="" className="product-card-icon" style={{ width: "32px", height: "32px", display: "block" }} />

<div className="product-card-title" style={{ fontSize: "24px", lineHeight: 1.3, letterSpacing: "-0.24px", fontWeight: 450 }}>Create a Mini App

<div className="product-card-desc" style={{ fontSize: "16px", lineHeight: 1.4, fontWeight: 300, marginTop: "10px" }}>Mini applications distributed in World App

<a href="/agents/agent-kit/integrate" className="product-card" style={{ display: "flex", flexDirection: "column", justifyContent: "space-between", aspectRatio: "1 / 1", padding: "24px", borderRadius: "16px", textDecoration: "none", cursor: "pointer" }}> <img src="/icons/landing/agentkit.svg" alt="" className="product-card-icon" style={{ width: "32px", height: "32px", display: "block" }} />

<div className="product-card-title" style={{ fontSize: "24px", lineHeight: 1.3, letterSpacing: "-0.24px", fontWeight: 450 }}>AgentKit

<div className="product-card-desc" style={{ fontSize: "16px", lineHeight: 1.4, fontWeight: 300, marginTop: "10px" }}>Distinguish human-backed agents from bots and scripts

<a href="/world-chain" className="product-card" style={{ display: "flex", flexDirection: "column", justifyContent: "space-between", aspectRatio: "1 / 1", padding: "24px", borderRadius: "16px", textDecoration: "none", cursor: "pointer" }}> <img src="/icons/landing/world-chain.svg" alt="" className="product-card-icon" style={{ width: "32px", height: "32px", display: "block" }} />

<div className="product-card-title" style={{ fontSize: "24px", lineHeight: 1.3, letterSpacing: "-0.24px", fontWeight: 450 }}>World Chain

<div className="product-card-desc" style={{ fontSize: "16px", lineHeight: 1.4, fontWeight: 300, marginTop: "10px" }}>Build directly on our blockchain infrastructure

Telegram Support Channel Email Support GitHub

{/* Footer — full-width, outside landing-container */}

{/* Newsletter — uncomment when provider is ready
<div className="landing-newsletter">
  <div style={{ maxWidth: "756px", margin: "0 auto", textAlign: "center" }}>
    <div className="landing-newsletter-title" style={{ fontSize: "32px", lineHeight: 1.3, letterSpacing: "-0.64px", fontWeight: 300, marginBottom: "32px" }}>
      Subscribe to World Developers Newsletter
    </div>
    <form className="landing-email-field" style={{ display: "flex", alignItems: "center", maxWidth: "520px", margin: "0 auto", borderRadius: "30px", padding: "10px 10px 10px 24px", gap: "12px" }}>
      <input type="email" placeholder="Your email" className="landing-email-input" style={{ flex: 1, border: "none", outline: "none", fontSize: "20px", fontWeight: 300, background: "transparent", fontFamily: "inherit" }} />
      <button type="submit" style={{ width: "40px", height: "40px", borderRadius: "20px", backgroundColor: "#2D2C2C", border: "none", cursor: "pointer", display: "flex", alignItems: "center", justifyContent: "center", flexShrink: 0 }}>
        <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M8.5 2.8L13.2 7.5H2V8.5H13.2L8.5 13.2L9.2 13.9L15.1 8L9.2 2.1L8.5 2.8Z" fill="white"/></svg>
      </button>
    </form>
    <div style={{ fontSize: "12px", lineHeight: 1.4, color: "#9D9B96", marginTop: "32px", maxWidth: "605px", margin: "32px auto 0" }}>
      By entering your email address and clicking "Subscribe," you consent to receive newsletters, marketing communications and ecosystem updates. For details on how we process your personal data, including your rights and how to exercise them, please review our <a href="https://world.org/legal/privacy-notice" target="_blank" style={{ color: "#2D2C2C", textDecoration: "underline" }} className="landing-privacy-link">Privacy Notice</a>.
    </div>
  </div>
</div>
*/}

{/* Footer links */}
<div className="landing-footer-links" style={{ display: "flex", gap: "160px", fontSize: "16px", lineHeight: 1.4, fontWeight: 300 }}>
  <div style={{ display: "flex", flexDirection: "column", gap: "4px" }}>
    <a href="https://world.org" className="landing-footer-link">About World</a>
    <a href="https://world.org/developers" className="landing-footer-link">Developers</a>
    <a href="https://whitepaper.world.org" className="landing-footer-link">Whitepaper</a>
    <a href="https://github.com/worldcoin" className="landing-footer-link">Open Source</a>
  </div>
  <div style={{ display: "flex", flexDirection: "column", gap: "4px" }}>
    <a href="https://world.org/ecosystem" className="landing-footer-link">Ecosystem</a>
    <a href="https://world.org/careers" className="landing-footer-link">Careers</a>
  </div>
</div>