Playground · Memos Embed

Preview

Compare iframe, Web Component, and React outputs side-by-side.

Save this before it turns into a task

Capture the note now, then decide how to organize it later.

write it fast
tag it when it matters
keep the link close

#capture-first

cover.jpgimage/jpeg

Preview

Compare iframe, Web Component, and React outputs side-by-side.

Save this before it turns into a task

Capture the note now, then decide how to organize it later.

write it fast
tag it when it matters
keep the link close

#capture-first

cover.jpgimage/jpeg

Configuration

Customize the memo source, theme, density, link behavior, and what metadata is visible.

Base URL

Memo ID

Theme

Density

Link target

Visibility

Choose which pieces of memo context should be rendered.

Tags

Hashtags under the content

Attachments

Images and files

Reactions

Emoji counts and engagement

Shareable Playground URL

Save the current configuration to a link you can share.

The playground keeps your current theme, density, and visibility settings in the URL.

Code Snippets

Copy the code to embed in your site.

<iframe id="memos-embed-frame-w1zvhhae" src="https://your-embed-site.com/embed/8fD9hhn5VnQhXcPRxvyRbz?baseUrl=https%3A%2F%2Fdemo.usememos.com%2Fapi%2Fv1&amp;density=comfortable&amp;theme=minimal&amp;showTags=true&amp;showAttachments=true&amp;showReactions=true&amp;showMeta=true&amp;linkTarget=_blank&amp;frameId=memos-embed-frame-w1zvhhae" title="memos-embed" width="100%" height="240" loading="lazy" style="border:none;border-radius:16px;width:100%;height:240px"></iframe><script>(function(){var iframe=document.getElementById("memos-embed-frame-w1zvhhae");if(!iframe){return;}var expectedOrigin="https://your-embed-site.com";var applyHeight=function(value){var height=Number(value);if(!Number.isFinite(height)||height<=0){return;}var nextHeight=Math.ceil(height)+"px";iframe.style.height=nextHeight;iframe.height=String(Math.ceil(height));};var onMessage=function(event){var data=event.data;if(!data||data.type!=="memos-embed:resize"||data.frameId!=="memos-embed-frame-w1zvhhae"){return;}if(event.origin!==expectedOrigin){return;}if(iframe.contentWindow&&event.source!==iframe.contentWindow){return;}applyHeight(data.height);};window.addEventListener("message",onMessage);iframe.addEventListener("load",function(){if(!iframe.contentWindow){return;}iframe.contentWindow.postMessage({type:"memos-embed:measure",frameId:"memos-embed-frame-w1zvhhae"},expectedOrigin);});})();</script>