清单 → 实访 → 判定

一条推文列了 19 个站，
值得留下的只有五个。

清单本身是联盟链接拼起来的榜单，榜单不等于评测。这一页是逐个打开首页、定价页、接口之后的结果：哪些能直接取用、取到的是什么、边界在哪，都换成可以复跑的数字，而不是「感觉很高级」。

5进目录（keep）

5能用但有坑（downgrade）

7判不进

2原有与已失效

00

先看结论

五行的差别不在「审美好不好」，在「能不能取到一个可执行的东西」：代码、结构、元数据，或者一条带置信度的结论。

判定标准：能直接取到代码 / 结构 / 元数据 → keep；要登录、要付费、或只能看不能取 → downgrade；与设计无关或商用有风险 → 判不进。
站点	它其实是什么	实测硬指标	判定
beUIbeui.dev	可编程取用的动效组件 registry	157 条条目 · 单条回源码	keep
Recentrecent.design	按媒介分类的网页设计策展	7 个媒介筛 · 原 Godly 落点	keep
Footer Designfooter.design	只做页脚的画廊	11 个风格筛	keep
Landddinglanddding.com	带建站器维度的新站策展	2.7k 站 · 5 个平台维度	keep
Font in Logofontinlogo.com	品牌字体反查，带置信度分级	索引 169 品牌 · 5 级关系	keep

01

beUI

beui.dev

它不是截图库，是一条命令能拿到完整源码的组件仓 —— 这是五个站里唯一能直接变成项目文件的一个。

157 条 registry 条目（119 组件 + 38 区块），/r/<name>.json 单条即回源码。
取 timeline 一条，返回 23,633 字符的 tsx 加 2 个 lib 文件，路径与目标位置都写好了。
依赖直接给：157 条里 156 条要 clsx 与 tailwind-merge，154 条要 motion，69 条要 lucide-react。
源码自带 useReducedMotion；附带的 lib/touch.ts 用 5,706 字符专门处理「iOS 平台手势抢事件」这类平台坑。

怎么取

bunx --bun shadcn add @beui/dynamic-island，或者直接 curl https://beui.dev/r/<name>.json 让代理读源码，不打开浏览器。

边界：公共库 MIT 含商用；Pro 是另一批内容（350+ 区块、60+ React Native 屏），价格页没抓到明码，站内「Get Pro」为准 —— 别把 Pro 的条目算进这 157 条。

beUI 首页：157 个 React 组件与 73 个 React Native 组件的列表

首页：组件目录1440 × 900

beUI 的 Dynamic Island 组件详情页，带 Preview / Usage / Code 三档与安装命令

详情页：预览、用法、代码三档同屏，安装命令现成

02

Recent

recent.design

筛选项是媒介而不是行业：做海报、做动效、做印刷品时能直接对上，不用在一堆「SaaS 落地页」里翻。

七个筛：All / Web / Interface / Branding / Motion / Posters / Print。
godly.website 已 301 跳到本站 —— 老书签不失效，但「Godly 独立站」这个名字已经不存在，写方案别再引用它。
侧栏是真实招聘位（Paper、pen.dev、MOMENT 等在招产品/视觉岗），不是广告位填充。

怎么用

要定首屏结构或版式方向时，先按媒介筛到 10 张，拆网格与字号比，再动手；不搬图，作品版权归作者。

边界：卡片为他人作品快照；缺一手定价页（/pricing 返回 404），免费面按「浏览免费」记录。

首页：媒介筛在上，作品占满正文1440 × 900

03

Footer Design

footer.design

页脚是绝大多数页面的最后一段糊弄：一行版权加三列链接。这个站把页脚单独立项，拆成可判读的风格维度。

十一个筛：Typographic / Small Type / Illustrative / Grid / Flat / Animated / Cards / Bright / Dark / Large Type / Bold。
另有一层 Editor's Choice，可先看被选过的再扫全量。
名字自报「地球上唯一的页脚画廊」—— 按类目看，这一条是对的：没有第二家把它单独做。

怎么用

要写页脚时先看 20 个再动手，能直接说「我要小字型」或「我要插画型」，而不是「随便弄一段」。

边界：首页卡片在渲染后由脚本驱动，静态源码里抓不到详情页 href（实测 0 条）—— 抓取只能拿渲染后文本或走浏览器。

首页：风格筛 + 竖版页脚大图1440 × 900

04

Landdding

landdding.com

唯一标注「这站在用什么建站器」的策展库 —— 决定某个效果我做不做得出来时，这条元数据比截图有用。

自报 2.7k 设计 / 1.9k 设计师 / 40 个类目 / 5 个平台（Webflow、Framer、WordPress、Wix、Squarespace）。
Daily 与 Weekly 两种视图，日更流用来扫趋势，不是找经典。
另带 /tools 免费工具页，可以顺手取小工具。

怎么用

先按平台筛（客户用 WordPress 就别参考 Webflow 独有的交互），再按类目收窄；同一条效果要判断实现成本时，平台维度是唯一线索。

边界：首屏有 modulify.ai 广告位且带 ref 参数，榜单本身含商业成分 —— 当趋势样本看，不当评测看。

首页：统计数字与作品卡同屏1440 × 900

05

Font in Logo

fontinlogo.com

同类站只回一个字体名，它回这字体和 logo 是什么关系 —— 带置信度，能避免把「改过的字」当原字照抄。

五级关系：Verified（设计师核验）/ Modified（品牌改过字形）/ Based On / The Closest Font / Community Suggestion（未核验）。
/logos 索引页列 169 个品牌，每一页标题直接是「X Font is Y」，可被抓取比对。
实测六个样例：Netflix→Bebas Neue（Verified）、Microsoft→Segoe UI（Verified）、Adidas→ITC Avant Garde Gothic（Modified）、Nike→Futura（Closest）、Google→Product Sans（Modified）、Tesla→Tesla（Community，未核验）。

怎么用

定品牌字体方向前，先查三五个同类品牌在用什么、是不是改过的 —— 只作方向参考，商标字体归原主，禁照抄。

边界：「Community Suggestion」= 未核验，等于传闻；引用时必须连置信度一起引用，不能只抄字体名。

首页：品牌字体检索入口1440 × 900

Adidas 字体页：标注 ITC Avant Garde 且标为 Modified

两页对照：一个是「改过」，一个是「核验过」

06

现场跑一段：真的能取到，不是截图

beUI 的 dynamic-island 原样源码（/r/dynamic-island.json 取回，逻辑一行没改）在这里真跑：点按钮看它从 126×37 的药丸展开成 292×125 的卡片 —— 动的是真实 width/height，不是缩放变形。唯一改动是把组件的 bg-foreground / text-background 接到本页的墨色与纸白；弹簧参数、ResizeObserver 量尺寸、reduced-motion 分支都是原样。

07

没留下的那些，为什么

判不进不是「不好看」，是取用时会被挡在门外：登录墙、付费墙、水印、或者跟设计根本无关。

Backgrounds Supply downgrade

图库是 $49 一次性买断，但 60+ 免费渐变与半调、颗粒、描图转渐变生成器全免费。只白嫖生成器，别买图库。

posts.design downgrade

5,576+ 社媒图文，量最大；需注册才能浏览，自动化取不到。做社媒卡片对标时手动看。

60fps.design downgrade

2,000+ 真实 App 动效录屏，质量高；页面按 licenseKey 门控，meta 只写「From $15 a month」，免费面未证实。

motionin.design downgrade

无免费档：$9/月（每月解锁 3 条）或 $99 买断。给的是详细 spec 与提示词，不是成品代码 —— 可以学写法，不能直接取件。

iconly.design downgrade

2,400+ 真实 App 图标，但只开放前 30 个，其余 Pro（$4.99/月）；官方声明仅编辑与教育用途 —— 不能当素材下进项目。

modulify.ai 判不进

AI 建站工具，免费档 $0 / 35 额度。能力与本机已有产线重叠，且模板页是同一站的复用入口。

wonderlist / logotouse 判不进

前者 $329–999 卖 Figma 模板；后者是真实品牌 logo，商用风险高，Pro $5/月起。

paperanimation.ai 判不进

剪纸风 AI 生视频，免费导出强制水印，去水印 $9/月或 $39 买断。带标记的产物不能当交付物。

on.design / sent.dm 判不进

前者登录墙后取不到内容；后者是短信与 WhatsApp 接口，与设计无关 —— 纯凑数。

godly.website 已失效

实测 301 跳到 recent.design。原判定 keep，现降为 downgrade；后续统一用 Recent。

mobbin.com 原有

目录里本来就有（付费墙重，记 downgrade）。这条清单里只是重复出现，不重复收录。

08

落在哪，以后怎么被用上

这五个不是「主题包」，交不出配色令牌，所以不进主题库；它们进的是设计资产目录的分品类表，按需加载。

落库文件: sai-frontend/references/free-asset-catalog.md —— §1 组件库第 76 行（beUI），§12 灵感库第 465–468 行（其余四个）；候选行在 §3。
入口: sai-frontend/SKILL.md 路由表「素材库 368 条（需外部栈时）」，需要外部栈时才会被读到，不常驻上下文。
口径: 目录逐行实数 368 行 → keep 321 / downgrade 46 / drop 1；旧表自称 361 条其实只有 358 行，本轮已按行校正。
为什么不是主题库: 主题包的契约是「入口 + tokens + 断言」。这五个交不出可复用的色值与字号，塞进 sai-assets 只会让 catalog 变脏。
还没一手证实的: 60fps 的免费额度、Recent 的定价页（/pricing 404）。两处都标了「用前二次核」，没当结论用。

09

这页的数字怎么复核

每条结论都能重跑一遍，不用信我。

beUI 的条目数与源码（157 条、每条自带 content）

curl -s https://beui.dev/r/registry.json | jq '.items | length'
curl -s https://beui.dev/r/timeline.json | jq '.files[0].content | length'

godly 是否真的失效

curl -sI https://godly.website | grep -i -E '^(HTTP|location)'

五个站的存活与标题

for d in beui.dev recent.design footer.design landdding.com fontinlogo.com; do
  curl -sL "https://$d/" | grep -o -i '<title[^>]*>[^<]*' | head -1
done

一条推文列了 19 个站，值得留下的只有五个。