Back to Mem0

Build AI apps that remember

docs/introduction.mdx

2.0.127.3 KB
Original Source
<div className="px-4 pt-8 pb-6 lg:pt-10 max-w-4xl mx-auto text-center space-y-4"> <h1 className="text-3xl lg:text-4xl font-bold text-gray-900 dark:text-zinc-50 tracking-tight mb-2"> Build with <span className="text-primary">Mem0</span> </h1> <p className="max-w-3xl mx-auto text-base text-gray-600 dark:text-zinc-400 leading-relaxed"> Universal, self-improving memory layer for LLM applications. </p> </div> <section className="px-4 pt-4 pb-6 max-w-6xl mx-auto"> <div className="grid gap-4 sm:grid-cols-2 lg:grid-cols-3"> <a href="/platform/quickstart" className="group flex h-full flex-col overflow-hidden rounded-2xl border border-gray-200 dark:border-zinc-800/40 bg-white dark:bg-zinc-900/40 transition hover:border-primary/60 hover:bg-gray-50 dark:hover:bg-zinc-900" >
  <div className="flex flex-1 flex-col gap-2 px-4 pb-4 pt-3 text-left">
    <h3 className="text-base font-semibold text-gray-900 dark:text-zinc-100 group-hover:text-primary">
      Add memory to your app
    </h3>
    <p className="text-sm text-gray-600 dark:text-zinc-400">
      Start with the quickstart and store your first memory in minutes.
    </p>
  </div>
</a>

<a
  href="/integrations/claude-code"
  className="group flex h-full flex-col overflow-hidden rounded-2xl border border-gray-200 dark:border-zinc-800/40 bg-white dark:bg-zinc-900/40 transition hover:border-primary/60 hover:bg-gray-50 dark:hover:bg-zinc-900"
>
  
  
  <div className="flex flex-1 flex-col gap-2 px-4 pb-4 pt-3 text-left">
    <h3 className="text-base font-semibold text-gray-900 dark:text-zinc-100 group-hover:text-primary">
      Add memory to your agent
    </h3>
    <p className="text-sm text-gray-600 dark:text-zinc-400">
      Give Claude Code, Cursor, and Codex memory that persists across sessions. A drop-in plugin, no code to write.
    </p>
  </div>
</a>

<a
  href="/platform/agent-signup"
  className="group flex h-full flex-col overflow-hidden rounded-2xl border border-gray-200 dark:border-zinc-800/40 bg-white dark:bg-zinc-900/40 transition hover:border-primary/60 hover:bg-gray-50 dark:hover:bg-zinc-900"
>
  
  
  <div className="flex flex-1 flex-col gap-2 px-4 pb-4 pt-3 text-left">
    <h3 className="text-base font-semibold text-gray-900 dark:text-zinc-100 group-hover:text-primary">
      Sign up for Mem0 as an agent
    </h3>
    <p className="text-sm text-gray-600 dark:text-zinc-400">
      Let an AI agent mint a Mem0 API key, claim ownership later, and write its first memory from the terminal.
    </p>
  </div>
</a>

<a href="/integrations" className="group flex h-full flex-col overflow-hidden rounded-2xl border border-gray-200 dark:border-zinc-800/40 bg-white dark:bg-zinc-900/40 transition hover:border-primary/60 hover:bg-gray-50 dark:hover:bg-zinc-900" >

  <div className="flex flex-1 flex-col gap-2 px-4 pb-4 pt-3 text-left">
    <h3 className="text-base font-semibold text-gray-900 dark:text-zinc-100 group-hover:text-primary">
      Explore Mem0 integrations
    </h3>
    <p className="text-sm text-gray-600 dark:text-zinc-400">
      Connect Mem0 to LangChain, CrewAI, Vercel AI SDK, and 20+ partner frameworks.
    </p>
  </div>
</a>

<a
  href="/cookbooks/overview"
  className="group flex h-full flex-col overflow-hidden rounded-2xl border border-gray-200 dark:border-zinc-800/40 bg-white dark:bg-zinc-900/40 transition hover:border-primary/60 hover:bg-gray-50 dark:hover:bg-zinc-900"
>
  
  
  <div className="flex flex-1 flex-col gap-2 px-4 pb-4 pt-3 text-left">
    <h3 className="text-base font-semibold text-gray-900 dark:text-zinc-100 group-hover:text-primary">
      See memory-app examples
    </h3>
    <p className="text-sm text-gray-600 dark:text-zinc-400">
      Browse cookbooks for companions, support agents, voice agents, research tools, and more.
    </p>
  </div>
</a>

<a
  href="/open-source/overview"
  className="group flex h-full flex-col overflow-hidden rounded-2xl border border-gray-200 dark:border-zinc-800/40 bg-white dark:bg-zinc-900/40 transition hover:border-primary/60 hover:bg-gray-50 dark:hover:bg-zinc-900"
>
  
  
  <div className="flex flex-1 flex-col gap-2 px-4 pb-4 pt-3 text-left">
    <h3 className="text-base font-semibold text-gray-900 dark:text-zinc-100 group-hover:text-primary">
      Self-host Mem0
    </h3>
    <p className="text-sm text-gray-600 dark:text-zinc-400">
      Use Open Source when you want memory without the hosted platform.
    </p>
  </div>
</a>
</div> </section>