Back to Mem0

Build AI apps that remember

docs/introduction.mdx

2.0.157.5 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"> Mem0 gives your AI agents long-term memory that persists across sessions, tools, and runs. </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">
      Store your first memory
    </h3>
    <p className="text-sm text-gray-600 dark:text-zinc-400">
      Five-minute quickstart: get an API key, then save and search a memory in Python or JavaScript.
    </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 coding agent
    </h3>
    <p className="text-sm text-gray-600 dark:text-zinc-400">
      Plugins that let Claude Code, Cursor, Codex, and other harnesses remember your project. Opens the Claude Code guide.
    </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">
      Let an AI agent sign itself up
    </h3>
    <p className="text-sm text-gray-600 dark:text-zinc-400">
      Four terminal commands create an account and API key. No email, no dashboard. Claim it as owner later.
    </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">
      Use Mem0 with your framework
    </h3>
    <p className="text-sm text-gray-600 dark:text-zinc-400">
      Setup guides for 22 tools, including LangChain, CrewAI, LlamaIndex, and the Vercel AI SDK.
    </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">
      Copy a working example
    </h3>
    <p className="text-sm text-gray-600 dark:text-zinc-400">
      Full walkthroughs for companion chatbots, support agents, voice agents, and research tools.
    </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">
      Run Mem0 on your own servers
    </h3>
    <p className="text-sm text-gray-600 dark:text-zinc-400">
      The open-source version. Run it as a library or a Docker stack, with your data on your infrastructure.
    </p>
  </div>
</a>
</div> </section>