UIPicks UI 组件库
Originkit
可复制的网页动效组件，支持代码、Framer 与 MCP 使用。
已核对公开条目清单 · 2026-10-14。覆盖本次官网发布数据中的全部命名组件和页面区块；不重复计算同一组件的框架代码版本。
资源与访问条件
- 网页动效组件
Web · 组件代码 · React / Next.js · 有免费资源
- live · 2026-10-18：官方页面标题注明免费动效组件；现有收录明确 React 与网页用途。
“有免费资源”仅描述对应资源范围，不代表每条案例、模板或素材免费。代码、提示词与素材的实际获取权限及许可需到原站核对。
目录入口
共 713 条记录，本页显示 641–713 条。每页最多 80 条；直接点击名称进入已保存的真实网址。
条目类型、来源日期与链接性质分别标注。只有明确核验过的画面才显示布局或风格标签；没有标签表示当前没有相应确认信息。
Toon fireball 2
发布者公开目录数据2026-10-14
Vector Wordmark 3
发布者公开目录数据2026-10-14
Wire Terrain 4
发布者公开目录数据2026-10-14
Wire Terrain 3
发布者公开目录数据2026-10-14
Cloud Sky 2
发布者公开目录数据2026-10-14
Wire Terrain 2
发布者公开目录数据2026-10-14
Vector Wordmark 4
发布者公开目录数据2026-10-14
Vector Wordmark 2
发布者公开目录数据2026-10-14
Cloud Sky 4
发布者公开目录数据2026-10-14
Cloud Sky 3
发布者公开目录数据2026-10-14
Predictive Arc 2
发布者公开目录数据2026-10-14
Particle Saturn 3
相关词：粒子
发布者公开目录数据2026-10-14
Predictive Arc 4
发布者公开目录数据2026-10-14
Predictive Arc 3
发布者公开目录数据2026-10-14
Particle Saturn 4
相关词：粒子
发布者公开目录数据2026-10-14
CTA 01
发布者公开目录数据2026-10-14
CTA 02
发布者公开目录数据2026-10-14
Feature 04
发布者公开目录数据2026-10-14
Features 01
相关词：功能区
发布者公开目录数据2026-10-14
Features 02
相关词：功能区
发布者公开目录数据2026-10-14
Features 03
相关词：功能区
发布者公开目录数据2026-10-14
Footer 01
相关词：页脚
发布者公开目录数据2026-10-14
Footer 02
相关词：页脚
发布者公开目录数据2026-10-14
Hero 01
相关词：首屏、主视觉
已核验画面：居中首屏、浅色、鲜明色彩 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14
Hero 02
相关词：首屏、主视觉
已核验画面：居中首屏、浅色、简洁留白 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14
Hero 03
相关词：首屏、主视觉
已核验画面：居中首屏、浅色、鲜明色彩 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14
Hero 04
相关词：首屏、主视觉
已核验画面：左对齐首屏、深色、鲜明色彩 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14
Hero 05
相关词：首屏、主视觉
已核验画面：居中首屏、深色、简洁留白 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14
Hero 06
相关词：首屏、主视觉
已核验画面：居中首屏、浅色、简洁留白 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14
Hero 07
相关词：首屏、主视觉
已核验画面：居中首屏、操作或表单入口、浅色、鲜明色彩 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14
Hero 08
相关词：首屏、主视觉
已核验画面：左右分栏、深色、简洁留白 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14
Hero 09
相关词：首屏、主视觉
已核验画面：左对齐首屏、浅色、鲜明色彩 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14
Hero 10
相关词：首屏、主视觉
已核验画面：居中首屏、深色、鲜明色彩 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14
Hero 11
相关词：首屏、主视觉
已核验画面：左对齐首屏、深色、鲜明色彩 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14
Hero 12
相关词：首屏、主视觉
已核验画面：左右分栏、深色、鲜明色彩 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14
Hero 13
相关词：首屏、主视觉
已核验画面：居中首屏、深色、简洁留白 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14
Hero 14
相关词：首屏、主视觉
已核验画面：居中首屏、深色、鲜明色彩 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14
Hero 15
相关词：首屏、主视觉
已核验画面：居中首屏、浅色、简洁留白 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14
Hero 16
相关词：首屏、主视觉
已核验画面：居中首屏、操作或表单入口、深色、鲜明色彩 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14
Hero 17
相关词：首屏、主视觉
已核验画面：左对齐首屏、深色、鲜明色彩 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14
Hero 18
相关词：首屏、主视觉
已核验画面：左对齐首屏、深色、鲜明色彩 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14
Hero 19
相关词：首屏、主视觉
已核验画面：左右分栏、深色、鲜明色彩 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14
Hero 20
相关词：首屏、主视觉
已核验画面：居中首屏、浅色、简洁留白 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14
Hero 21
相关词：首屏、主视觉
已核验画面：左右分栏、深色、鲜明色彩 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14
Hero 22
相关词：首屏、主视觉
已核验画面：居中首屏、深色、简洁留白 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14
Hero 23
相关词：首屏、主视觉
已核验画面：居中首屏、深色、简洁留白 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14
Hero 24
相关词：首屏、主视觉
已核验画面：居中首屏、深色、鲜明色彩 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14
Hero 25
相关词：首屏、主视觉
已核验画面：居中首屏、深色、简洁留白 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14
Hero 26
相关词：首屏、主视觉
已核验画面：左对齐首屏、深色、鲜明色彩 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14
Hero 27
相关词：首屏、主视觉
已核验画面：左对齐首屏、深色、简洁留白 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14
Hero 28
相关词：首屏、主视觉
已核验画面：左右分栏、深色、简洁留白 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14
Hero 29
相关词：首屏、主视觉
已核验画面：居中首屏、深色、鲜明色彩 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14
Hero 30
相关词：首屏、主视觉
已核验画面：左对齐首屏、深色、鲜明色彩 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14
Hero 31
相关词：首屏、主视觉
已核验画面：左对齐首屏、操作或表单入口、深色、鲜明色彩 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14
Hero 32
相关词：首屏、主视觉
已核验画面：左右分栏、深色、简洁留白 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14
Hero 33
相关词：首屏、主视觉
已核验画面：左对齐首屏、浅色、鲜明色彩 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14
Hero 34
相关词：首屏、主视觉
已核验画面：居中首屏、深色、鲜明色彩 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14
Hero 35
相关词：首屏、主视觉
已核验画面：左右分栏、深色、简洁留白 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14
Hero 36
相关词：首屏、主视觉
已核验画面：左右分栏、浅色、鲜明色彩 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14
Hero 37
相关词：首屏、主视觉
已核验画面：居中首屏、浅色、简洁留白 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14
Hero 38
相关词：首屏、主视觉
已核验画面：左对齐首屏、浅色、鲜明色彩 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14
Hero 39
相关词：首屏、主视觉
已核验画面：浅色、鲜明色彩 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14
Hero 40
相关词：首屏、主视觉
已核验画面：左右分栏、浅色、鲜明色彩 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14
Hero 41
相关词：首屏、主视觉
已核验画面：居中首屏、深色、鲜明色彩 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14
Hero 42
相关词：首屏、主视觉
已核验画面：浅色、简洁留白 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14
Hero 43
相关词：首屏、主视觉
已核验画面：居中首屏、深色、鲜明色彩 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14
Hero 44
相关词：首屏、主视觉
已核验画面：居中首屏、深色、鲜明色彩 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14
Hero 45
相关词：首屏、主视觉
已核验画面：居中首屏、浅色、鲜明色彩 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14
Hero 46
相关词：首屏、主视觉
已核验画面：居中首屏、浅色、简洁留白 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14
Hero 47
相关词：首屏、主视觉
已核验画面：左对齐首屏、深色、鲜明色彩 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14
Pricing 01
相关词：定价、价格
发布者公开目录数据2026-10-14
Pricing 02
相关词：定价、价格
发布者公开目录数据2026-10-14
Pricing 03
相关词：定价、价格
发布者公开目录数据2026-10-14