docs/introduction.mdx
<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>