Landingfolio 是一个落地页（Landing Page）设计参考站，由两块互补的内容组成：一边是收录真实产品页面的截图画廊，可按行业、页面类型（落地页、定价页、关于页、登录页、注册页、404 页）和配色筛选；另一边是可复制粘贴的网页组件库，覆盖 Tailwind CSS、Webflow 和 Figma，官方在首页称其为「世界上最大的 Webflow 组件库」（来源，营销表述）。它解决的问题很具体——做落地页不必从空白画布开始：先在画廊里研究同类产品的真实页面怎么设计，再到组件库把对应区块拷进自己的项目。2026 年站点还上线了 MCP 服务，让 Claude Code、Cursor 等 AI 编程助手直接把画廊截图作为设计参考调用。

Landingfolio 首页：左侧为组件库与行业分类导航，中间为最新收录的落地页卡片

上图是 Landingfolio 首页（2026-09-21 截取）。页面主体就是画廊信息流：每张卡片是一个被收录网站，标注名称、收录日期和所属行业，顶部可按行业（SaaS 341、Product 209、Business 140 等，计数截至 2026-09-21）和页面类型筛选；左侧栏同时挂了组件库（Tailwind / Webflow / Figma）的入口。

站点速览

  • 网址：https://www.landingfolio.com/
  • 类型：落地页灵感画廊 + 组件库（另有模板商店、博客和免费小工具）
  • 费用：浏览画廊与区块示例免费（信息流中夹有赞助卡片）；All Access Pass 通行证 1.99/周或1.99/周或59 一次性买断（截至 2026-09-21，定价页）
  • 注册要求：浏览无需注册；购买、提交作品、获取 MCP token 需注册账号
  • 界面语言：仅英语（2026-09-21 核查）
  • 运营方：Postcrafts（新加坡）

站点背景

Landingfolio 由荷兰独立开发者 Danny Postma 创办。他在 2024 年的一次访谈中自述：2015 年、21 岁时开始做这个项目，当时他是自由职业的转化率优化专员，为客户设计落地页时找不到好参考，于是用 WordPress 搭了一个展示优秀落地页设计的画廊作为副业（来源：Unite.AI 访谈，2024-02-20）。Danny Postma 后来还创办了 Headlime（AI 文案工具，2021 年出售）和 HeadshotPro（AI 职业照）等产品。根据服务条款，Landingfolio 目前由其公司 Postcrafts 运营，Postcrafts 注册于新加坡，适用新加坡法律。

从公开记录看，站点的形态几经扩展：2022 年 4 月在 Product Hunt 上架时，它是一个「445+ 落地页、54 个分类」的纯画廊；此后陆续加上了可复制粘贴的组件库、模板商店、优化建议博客和免费小工具（样机生成器、免费 Logo），2026 年又新增了面向 AI 编程助手的 MCP 服务。画廊至今仍在更新：截至 2026-09-21，首页最新收录条目的日期为 2026-09-14。

灵感画廊：按行业与页面类型检索真实案例

落地页画廊：行业分类计数、设备与配色筛选，卡片标注收录日期

画廊是 Landingfolio 最早的部分，由团队策展收录（页面自称「curated by us to ensure the highest quality」）。上图是落地页画廊（2026-09-21 截取），可以看到几个实用设计：

  • 行业分类与计数：SaaS（341）、Product（209）、Business（140）、Marketing（116）、Design Tools（113）、Software（85）、Technology（79）、Mobile App（71）等（计数截至 2026-09-21），明显偏向软件与科技产品；
  • 页面类型维度：同一个被收录网站会拆成落地页、定价、关于、登录、注册、404 等多个页面类型条目，方便按「我现在要设计哪一页」检索；
  • 卡片信息：每条标注网站名称、收录日期和累计访问数，点击「Visit site」直达原站；
  • 筛选器：支持按主色调（黑、白、红、蓝等色值）和设备（桌面 / 移动端）过滤。

除整页案例外，站点还有一个「Section & Component Examples」板块，把真实网站的区块（Hero、页头、页脚、定价表、用户评价等）单独截图归类，官方在 MCP 页面称规模为 4,600 余个。需要留意：画廊信息流中夹有赞助卡片（Sponsored），免费用户会看到；去除广告是付费通行证的权益之一。

组件库与模板

Tailwind CSS 组件库：FREE 与 LOCKED 标记混排，卡片标注可用框架

组件库是把「灵感」变成「实现」的一侧。上图是 Tailwind CSS 组件库页面（2026-09-21 截取）：每个组件卡片是一张真实效果的预览图，右上角标 FREE 或 LOCKED——免费组件可直接复制，锁定组件需要付费通行证；卡片下方标注该组件可用的框架（Tailwind、React、Vue、Pug、Webflow、Figma）和浏览数。组件按用途分类：Hero、Header、Footer、Feature、Pricing、FAQ、Steps、登录注册、设置页、购物车等，官方自述「从真实落地页构建而来」（组件库页面）。

规模方面，官方不同页面口径略有出入：导航菜单和组件库页面标注「805+」，首页宣传框写「超过 791 个」（均为 2026-09-21 截取），总量在 800 上下并持续增长。模板板块（Templates）则分为两类：包含在付费通行证里的 Pro 模板（Webflow 与 Tailwind 整页模板），以及由第三方设计师提供的外部模板。官方 FAQ 明确说明：使用组件的前提是你已经会用 Webflow 或 Tailwind CSS，它不是替你把网站做出来的建站工具（定价页 FAQ）。

MCP：把画廊接入 AI 编程助手

MCP 页面：免费 token、配置命令与支持的工具

MCP 是 Landingfolio 较新的能力（官方页面）。它基于 Model Context Protocol（模型上下文协议）提供了一个服务器（mcp.landingfolio.com/mcp），让 Claude Code、Cursor、Codex、Windsurf、VS Code 等 AI 编程工具在写页面时，能从画廊拉取真实落地页区块的截图作为设计参考——Hero 区、定价表、用户评价等。接入方式是注册免费账号、复制 token、在工具配置里加一行命令。

额度上，免费账号每天 100 次请求（突发上限 10 次/分钟），付费通行证提高到每天 1,000 次。官方对数据边界的说明是：AI 工具只会收到区块截图、所属分类和来源页面链接，「不会收到你项目里的代码、prompt 或文件」，服务端按账号记录调用次数。对用 AI 助手搭页面但觉得产出「设计感不足」的用户，这是把策展内容接到工作流里的一种轻量做法。

免费与付费边界

截至 2026-09-21，定价页给出的 All Access Pass 分两档：

  • Weekly：$1.99/周，按周计费、可随时取消；
  • Forever：59一次性付款（划线原价59 一次性付款（划线原价249，页面标注为限时优惠），永久访问。

两档内容相同：无限量下载全部组件、kit 和模板（含未来新增）、可用于商业和客户项目、每天 1,000 次 MCP 请求、向画廊提交自己的作品、免广告浏览，以及 30 天无理由退款（支付走 Stripe，官方称不保存卡信息）。免费层则包括：浏览画廊与区块示例（含赞助卡片）、标记 FREE 的部分组件、博客与优化建议、样机生成器等小工具，以及每天 100 次的 MCP 免费额度。

版权与内容政策

组件与模板的商用规则写在 Licensing Agreement：购买者获得持续、非独占、全球范围的许可，可为自己或客户创建不限数量的最终作品，最终作品可以出售、转授权或免费分发；允许修改和二次创作（multi-use）。明确禁止的行为包括：把组件作为素材或源文件再分发、把组件改造成主题/模板拿到任何市场（包括 Landingfolio 自己）出售、转售下载的资源；组件作者保留作品所有权。为团队购买时，结账页要求按团队人数选择对应授权。

画廊内容的来源分两类：团队策展收录的真实网站截图，以及用户投稿。投稿是付费会员的权益（提交页）：官方称每个提交都由策展人审核，「大多数不会通过」，入选标准包括必须是真实产品的在线页面、排版/配色/布局过硬、加载快且移动端可用，模板演示和占位文案会被拒绝。此外，服务条款要求用户年满 21 岁，并约定争议适用新加坡法律；隐私政策声称符合 GDPR，注销或提出删除请求后 14 天内删除个人数据。

适用场景

  • 独立开发者与设计师：做产品官网、定价页、登录页时，先按行业和页面类型翻真实案例，确定方向再动手；
  • Tailwind CSS / Webflow / Figma 用户：不想从空白画布起步，直接拷贝生产级组件拼装页面，通行证的一次性买断对长期使用者成本较低；
  • AI 编程助手用户：通过 MCP 把策展画廊变成助手的设计参考库，免费额度够日常轻度使用；
  • 作品推广：把自己的落地页提交进策展画廊换取曝光（需付费会员，且通过率由策展人控制）。

局限

  • 仅英语界面，组件命名、博客和文档也都是英文；
  • 不是建站工具：组件以 Tailwind CSS / Webflow / Figma 形式提供，不会这些工具就无法直接使用，也没有在线编辑器；
  • 免费层有限：组件库中相当部分标 LOCKED，MCP 免费档每天 100 次请求，免费浏览时信息流夹有赞助卡片；
  • 内容偏科：分类明显偏向 SaaS 与软件产品（SaaS 一类 341 条，而 Crypto 仅 21 条，截至 2026-09-21），电商、本地服务等行业的参考相对少；
  • 规模口径不一：组件数量在不同页面分别标注 805+ 和 791+（截至 2026-09-21），「世界上最大的 Webflow 组件库」是官方营销表述，无第三方核验；
  • 政策文本粗糙：隐私政策正文留有姊妹产品 Headlime 的网址与邮箱（模板复用痕迹），服务条款「年满 21 岁」的要求也比常见站点严格。

同类参考

只做落地页灵感画廊的还有 Land-book 和 Lapa Ninja；要官方出品的 Tailwind 付费组件库可看 Tailwind UI，开源免费的替代品有 Flowbite、HyperUI；Relume 则是同样覆盖 Webflow 与 Figma 的大型组件库。Landingfolio 的差异在于把「策展画廊 + 组件库 + AI 工具接入」捆在了一起。

参考资料