正式版上线 · 免费档含 5 个组件PRO会员已上线：组件不限量，全部功能人人可用
别人给你一份组件菜单，
我们给你整个网页。
框住任意网页的任意区域，它就成为一个活的组件——实时内容，不是截图——一行 iframe 贴进你的笔记和文档。
免费档不用绑卡 · 裁出第一个组件只要一分钟
一个卖固定菜单，一个把整个网页递给你
目录站的东西是别人替您选好的；Widget.diy 的目录是您打开的每一个网页。
目录型组件站
组件从哪来
厂商预制的固定几十种
源内容变了
等厂商排期发版
能做多少个
目录里的那些，到此为止
Widget.diy
live组件从哪来
任何网页的任何区域
源内容变了
按你的刷新节奏自动跟上
能做多少个
取之不尽
0
个预制组件
∞
个可裁的网页
1
行 iframe 标签
60s
做出第一个组件
iframe
裁好的组件，能贴进
一行 iframe 标签就够了——这些笔记工具都放得下活的组件。
Notion
飞书
Obsidian
Craft
YouMind
WordPress
HTML以及任何放得下 iframe 的地方
live
逛全部广场，此刻正在运行
社区公开裁剪的组件——下面每一张卡都是真实运行中的嵌入。
他们已经把网页留在笔记里
不同的笔记习惯，同一种顺手：把网页上需要的这一块，留在手边。
你可能想问
组件是截图吗？+
不是。组件是源网页的实时 iframe，只展示你框选的区域。源网页变化时组件跟着变——按你设定的刷新节奏。
可以嵌到哪里？+
任何放得下 iframe 的地方：Notion、飞书、Obsidian、Google Sites、你自己的 HTML。短链接和现成 iframe 标签都会给你。
和那些组件目录网站有什么不同？+
目录站提供厂商维护的固定预制组件（时钟、日历、天气……）。Widget.diy 没有目录：整个网页都是你的组件库，数量取之不尽。
源网页禁止被 iframe 嵌入怎么办？+
少数网站会发送 X-Frame-Options 或严格的 CSP，这会挡住包括我们在内的一切嵌入。编辑器会提前警告，并建议你换用展示同样数据的其他页面。
免费版和会员有什么区别？+
免费档含 5 个组件，日常够用；会员解锁组件不限量。所有功能在每个档位都开放。你已经创建的组件永远按原样工作，升级只加余量、不减功能。