my-project-public

repository

loading code, commits, and activity

repositories

loading repo index

#1	---
#2	title: "Welcome to Mem0"
#3	description: "Memory layer for AI agents"
#4	mode: "custom"
#5	---
#6
#7	{/* debug: welcome-layout-v2 */}
#8
#9	<div className="px-4 pt-16 pb-12 lg:pt-20 max-w-4xl mx-auto text-center space-y-6">
#10	<h1 className="text-3xl lg:text-4xl font-bold text-gray-900 dark:text-zinc-50 tracking-tight mb-3">
#11	Build with <span className="text-primary">mem0</span>
#12	</h1>
#13
#14	<p className="max-w-2xl mx-auto text-base text-gray-600 dark:text-zinc-400 leading-relaxed">
#15	Universal, Self-improving memory layer for LLM applications.
#16	</p>
#17
#18	<a
#19	href="/platform/quickstart"
#20	className="inline-flex items-center gap-1 text-sm text-gray-500 dark:text-zinc-500 hover:text-primary dark:hover:text-primary transition-colors"
#21	>
#22	Write your first memory
#23	<span className="group-hover:translate-x-0.5 transition-transform">→</span>
#24	</a>
#25	</div>
#26
#27	<section className="px-4 max-w-6xl mx-auto space-y-4">
#28	<div className="text-center">
#29	<h2 className="text-xl font-semibold text-gray-900 dark:text-zinc-100">
#30	Mem0 Products
#31	</h2>
#32	</div>
#33
#34	<div className="grid gap-6 sm:grid-cols-2 lg:grid-cols-3">
#35	<a
#36	href="/platform/overview"
#37	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"
#38	>
#39	<img
#40	className="block dark:hidden aspect-[4/3] w-full object-cover"
#41	src="/images/docs thumbnails/light/mem0_platform.png"
#42	alt="Mem0 Platform thumbnail"
#43	style={{pointerEvents: "none"}}
#44	/>
#45	<img
#46	className="hidden dark:block aspect-[4/3] w-full object-cover"
#47	src="/images/docs thumbnails/dark/mem0_platform.png"
#48	alt="Mem0 Platform thumbnail"
#49	style={{pointerEvents: "none"}}
#50	/>
#51	<div className="flex flex-1 flex-col gap-3 px-5 pb-6 pt-5 text-left">
#52	<h3 className="text-base font-semibold text-gray-900 dark:text-zinc-100 group-hover:text-primary">
#53	Mem0 Platform
#54	</h3>
#55	<p className="text-sm text-gray-600 dark:text-zinc-400">
#56	Managed memory with production-scale infrastructure, ready in minutes.
#57	</p>
#58	</div>
#59	</a>
#60
#61	<a
#62	href="/open-source/overview"
#63	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"
#64	>
#65	<img
#66	className="block dark:hidden aspect-[4/3] w-full object-cover"
#67	src="/images/docs thumbnails/light/mem0_open_source.png"
#68	alt="Mem0 Open Source thumbnail"
#69	style={{pointerEvents: "none"}}
#70	/>
#71	<img
#72	className="hidden dark:block aspect-[4/3] w-full object-cover"
#73	src="/images/docs thumbnails/dark/mem0_open_source.png"
#74	alt="Mem0 Open Source thumbnail"
#75	style={{pointerEvents: "none"}}
#76	/>
#77	<div className="flex flex-1 flex-col gap-3 px-5 pb-6 pt-5 text-left">
#78	<h3 className="text-base font-semibold text-gray-900 dark:text-zinc-100 group-hover:text-primary">
#79	Mem0 Open Source
#80	</h3>
#81	<p className="text-sm text-gray-600 dark:text-zinc-400">
#82	Self-host the Mem0 stack for full control over data, deployment, and customization.
#83	</p>
#84	</div>
#85	</a>
#86
#87	<a
#88	href="/openmemory/overview"
#89	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"
#90	>
#91	<img
#92	className="block dark:hidden aspect-[4/3] w-full object-cover"
#93	src="/images/docs thumbnails/light/mem0_openmemory.png"
#94	alt="OpenMemory thumbnail"
#95	style={{pointerEvents: "none"}}
#96	/>
#97	<img
#98	className="hidden dark:block aspect-[4/3] w-full object-cover"
#99	src="/images/docs thumbnails/dark/mem0_openmemory.png"
#100	alt="OpenMemory thumbnail"
#101	style={{pointerEvents: "none"}}
#102	/>
#103	<div className="flex flex-1 flex-col gap-3 px-5 pb-6 pt-5 text-left">
#104	<h3 className="text-base font-semibold text-gray-900 dark:text-zinc-100 group-hover:text-primary">
#105	OpenMemory
#106	</h3>
#107	<p className="text-sm text-gray-600 dark:text-zinc-400">
#108	Workspace-based memory for teams collaborating across agents and projects.
#109	</p>
#110	</div>
#111	</a>
#112	</div>
#113	</section>
#114
#115	<section className="px-4 pt-12 pb-20 max-w-6xl mx-auto space-y-4">
#116	<div className="text-center">
#117	<h2 className="text-xl font-semibold text-gray-900 dark:text-zinc-100">
#118	Developer Resources
#119	</h2>
#120	</div>
#121
#122	<div className="grid gap-6 sm:grid-cols-2 lg:grid-cols-3">
#123	<a
#124	href="/cookbooks/overview"
#125	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"
#126	>
#127	<img
#128	className="block dark:hidden aspect-[4/3] w-full object-cover"
#129	src="/images/docs thumbnails/light/Cookbooks.png"
#130	alt="Cookbooks thumbnail"
#131	style={{pointerEvents: "none"}}
#132	/>
#133	<img
#134	className="hidden dark:block aspect-[4/3] w-full object-cover"
#135	src="/images/docs thumbnails/dark/Cookbooks.png"
#136	alt="Cookbooks thumbnail"
#137	style={{pointerEvents: "none"}}
#138	/>
#139	<div className="flex flex-1 flex-col gap-3 px-5 pb-6 pt-5 text-left">
#140	<h3 className="text-base font-semibold text-gray-900 dark:text-zinc-100 group-hover:text-primary">
#141	Cookbooks
#142	</h3>
#143	<p className="text-sm text-gray-600 dark:text-zinc-400">
#144	Production-ready tutorials that show how to ship memorable AI experiences.
#145	</p>
#146	</div>
#147	</a>
#148
#149	<a
#150	href="/integrations"
#151	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"
#152	>
#153	<img
#154	className="block dark:hidden aspect-[4/3] w-full object-cover"
#155	src="/images/docs thumbnails/light/Integrations.png"
#156	alt="Integrations thumbnail"
#157	style={{pointerEvents: "none"}}
#158	/>
#159	<img
#160	className="hidden dark:block aspect-[4/3] w-full object-cover"
#161	src="/images/docs thumbnails/dark/Integrations.png"
#162	alt="Integrations thumbnail"
#163	style={{pointerEvents: "none"}}
#164	/>
#165	<div className="flex flex-1 flex-col gap-3 px-5 pb-6 pt-5 text-left">
#166	<h3 className="text-base font-semibold text-gray-900 dark:text-zinc-100 group-hover:text-primary">
#167	Integrations
#168	</h3>
#169	<p className="text-sm text-gray-600 dark:text-zinc-400">
#170	Connect Mem0 to LangChain, CrewAI, Vercel AI SDK, and 20+ partner frameworks.
#171	</p>
#172	</div>
#173	</a>
#174
#175	<a
#176	href="/api-reference"
#177	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"
#178	>
#179	<img
#180	className="block dark:hidden aspect-[4/3] w-full object-cover"
#181	src="/images/docs thumbnails/light/API.png"
#182	alt="API reference thumbnail"
#183	style={{pointerEvents: "none"}}
#184	/>
#185	<img
#186	className="hidden dark:block aspect-[4/3] w-full object-cover"
#187	src="/images/docs thumbnails/dark/API.png"
#188	alt="API reference thumbnail"
#189	style={{pointerEvents: "none"}}
#190	/>
#191	<div className="flex flex-1 flex-col gap-3 px-5 pb-6 pt-5 text-left">
#192	<h3 className="text-base font-semibold text-gray-900 dark:text-zinc-100 group-hover:text-primary">
#193	API reference
#194	</h3>
#195	<p className="text-sm text-gray-600 dark:text-zinc-400">
#196	Explore every REST endpoint with payload examples and usage guidance.
#197	</p>
#198	</div>
#199	</a>
#200	</div>
#201	</section>
#202

z6Mkq5mY3JWtxoxUobWcfNHm7AkRubgSWEZTkBVqZXJviFZ5/my-project-public