Notion Embed Widgets

把顺手的小组件,
嵌进你的 Notion。

这里收集了可以「复制一行 iframe 就能用」的 HTML 组件:时钟、进度、倒计时、日历、效率工具与装饰排版。 其中一部分是自己按 Claude 设计语言写的原创组件,另一部分来自 GitHub 上的开源作品,均已标注来源与许可。

没有匹配的组件
换个关键词,或者把筛选条件放宽一点。
How to use

三步,嵌进 Notion。

STEP 01

找到组件

在组件库里搜索或按分类浏览,点开卡片看实时预览。每张卡片都标了来源与许可状态。

STEP 02

复制嵌入代码

在详情里选一个尺寸(小 / 中 / 大 / 全宽),把生成的 iframe 代码复制走。尺寸可以随时改,改完还是这段代码。

<iframe src="https://widgets.lanche.website/w/..." width="100%" height="260" frameborder="0"></iframe>
STEP 03

粘进 Notion

在 Notion 里输入 /embed,把代码粘进去;或者直接把组件地址当普通链接粘贴,Notion 会自动识别成嵌入块。

Sources & Licenses

来源与许可

本库中的组件分三类:原创(按 Claude / Anthropic 设计语言编写,MIT 许可)、 镜像(来自 httIsHere/notion-widget,Apache-2.0)、 以及从 GitHub 收集的第三方作品。 第三方仓库若未附带许可证文件,会在卡片上标为「许可不明」,这类组件建议仅作个人使用,商用前请自行联系原作者。

所有组件的代码与设计归各自原作者所有,本库只做收集与托管,供个人自用。 如果你不希望自己的作品出现在这里,告知即可移除。
已复制