Playground · Memos Embed

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

Files and image previews

Reactions

Emoji chips with grouped counts

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-qi1w7sns" src="https://your-embed-site.com/embed/1?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-qi1w7sns" 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-qi1w7sns");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-qi1w7sns"){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-qi1w7sns"},expectedOrigin);});})();</script>

Preview

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