# Codex IDE extension

<CodexSurfaceLanding surface="ide">
  <div slot="hero-media">
    <Illustration description="Interactive Codex IDE extension beside a code editor">
      <CodexIdeHeroDemo client:load />
    </Illustration>
  </div>
</CodexSurfaceLanding>