UIPicks Curated
按行业与风格发现真实网站，适合先看整体布局。
读取本次站点地图发布的 90 个归档分页及首页，使用真实名称与具体详情链接；付费访问仍受原站限制。
AI REFERENCE DIRECTORY
UI 参考来源目录
按用途选择来源，进入分页目录，再访问具体案例与原站。
111 个网站 · 59,991 条目录记录。记录包括具体案例、组件、图标、类目与集合，并非全部经过视觉核验的页面。
网页布局
13 个网站Bento Grids
集中看模块化卡片布局，适合产品功能与优势展示。
官网公开数据中的案例均已收录，链接使用原站实际详情路由。
Footer
专门收集网页页脚，适合研究导航、行动入口和品牌收尾。
覆盖本次站点地图中对应详情路径；案例性质保持为参考，不推断页面一定具有动效。
MotionSites
网页模板与配套提示词，适合按视觉效果挑选参考。
收录当前公开模板集合。原站用弹窗展示，结果进入原站集合；未编造独立详情页。
VibeUI
按登录、定价和功能区等结构，复制可用的 UI 提示词。
提示词没有独立详情页，结果跳到对应原站类目锚点。
Aceternity Studio
网站设计工作室的作品与服务页面，适合参考完整网站的视觉和布局。
设计服务官网；具体组件已在独立的 Aceternity UI 站点收录。
Awwwards
网站设计评选与案例平台，适合研究完整网页的布局和视觉表现。
补充本次公开页面中的可定位条目；尚未验证全站全量覆盖。
Landbook
网站设计图库，适合寻找落地页布局与整体风格。
公开入口请求被拒绝或要求登录，未收录未经确认的条目。
Landing Love
收藏的具体网页设计案例，适合观察网站布局与页面细节。
覆盖本次公开视频站点地图里的命名案例；详情权限与原站一致，不代表取得源码或完整视频下载权限。
Navbar Gallery
导航栏设计图库，适合比较网页导航结构和菜单形式。
覆盖本次站点地图中对应详情路径；案例性质保持为参考，不推断页面一定具有动效。
SEESAW
网页设计灵感网站，适合寻找页面视觉、留白与布局参考。
覆盖本次站点地图中对应详情路径；案例性质保持为参考，不推断页面一定具有动效。
Supahero
网页首屏模块参考，适合比较标题、主视觉与行动入口的组织。
已收录公开的具体示例与对应详情或媒体地址；不代表原站全量。参考案例、组件示例和付费预览单独标识。
Vibrant Design
网页设计参考目录，适合寻找整体页面风格与布局。
补充本次公开页面中的可定位条目；尚未验证全站全量覆盖。
App 界面
7 个网站60fps
真实 App 的细节动效，适合研究反馈和状态变化。
来自官网可见目录或公开站点地图；不包含未公开、登录后或尚未发布的内容。
Mobbin
真实产品界面与流程参考，先看官方公开展示的样本。
来自官网可见目录或公开站点地图；不包含未公开、登录后或尚未发布的内容。
Spotted in Prod
真实 iOS 产品的短交互片段，按具体场景看细节。
覆盖当前页面发布的未锁定视频，排除 isLocked 条目；没有获取登录收藏或隐藏历史目录。
B2TF
复古移动应用的界面设计目录，适合寻找 App 风格与历史界面参考。
已收录公开的具体示例与对应详情或媒体地址；不代表原站全量。参考案例、组件示例和付费预览单独标识。
Page Flows
查看产品界面和用户流程，适合研究注册、引导与操作路径。
公开入口请求被拒绝或要求登录，未收录未经确认的条目。
Ivo’s Design Gallery
macOS 应用设计图库，适合研究桌面应用界面。
已收录公开的具体示例与对应详情或媒体地址；不代表原站全量。参考案例、组件示例和付费预览单独标识。
Onbo Hub
应用引导与付费页面参考，适合研究新用户流程和订阅入口。
覆盖本次站点地图中对应详情路径；案例性质保持为参考，不推断页面一定具有动效。
交互动效
10 个网站Design Spells
从真实产品中发现值得研究的小交互与设计细节。
官网当前限流，保留先前采集的公开目录与实例。
Bencho Finds
收集值得研究的 UI 交互，适合寻找反馈与状态变化参考。
根据本次官网站点地图核对命名详情，排除站点导航、安装说明与类目；具体示例、文档与参考分别标识。
CSS Cursors
浏览 CSS 鼠标光标效果，适合寻找光标与跟随交互。
覆盖官网全部命名光标与对应 snippets 键；保存源文件地址，不编造独立演示详情路由。
Details.so
浏览网页设计与细节交互参考，适合研究页面中的小动作。
覆盖本次公开视频站点地图里的命名案例；详情权限与原站一致，不代表取得源码或完整视频下载权限。
Inspora
收藏的动效参考网站，用于寻找界面运动与视觉变化。
已收录公开的具体示例与对应详情或媒体地址；不代表原站全量。参考案例、组件示例和付费预览单独标识。
Motion
JavaScript 与 React 动画库，适合查找动画实现方式与示例。
根据本次官网站点地图核对命名详情，排除站点导航、安装说明与类目；具体示例、文档与参考分别标识。
Ripplix
UI 动画与微交互参考库，适合研究产品反馈和交互节奏。
覆盖本次公开视频站点地图里的命名案例；详情权限与原站一致，不代表取得源码或完整视频下载权限。
CSS Text Effects
CSS 文字动画参考，适合选择标题、强调文字与入场效果。
仅收录本次公开导航中的明确组件、效果链接或原书签中的单页演示；详情链接未逐项打开。
Codrops
网页创意、交互实验与前端教程，适合研究效果和实现思路。
公开入口请求被拒绝或要求登录，未收录未经确认的条目。
液态玻璃球编辑器
可调节液态玻璃球的交互演示，适合观察材质、形变和参数变化。
仅收录本次公开导航中的明确组件、效果链接或原书签中的单页演示；详情链接未逐项打开。
UI 组件库
38 个网站Aceternity UI
React 组件、网页区块与动效，适合卡片、轮播和背景。
来自官网可见目录或公开站点地图；不包含未公开、登录后或尚未发布的内容。
React Bits
创意 React 组件，从文字动画到轮播和动态背景。
来自官网可见目录或公开站点地图；不包含未公开、登录后或尚未发布的内容。
shadcn/ui
可组合的开源组件，适合按钮、表单、对话框和数据卡片。
来自官网可见目录或公开站点地图；不包含未公开、登录后或尚未发布的内容。
Magic UI
开源 React 动效组件，适合滚动卡片、文字效果和背景。
来自官网可见目录或公开站点地图；不包含未公开、登录后或尚未发布的内容。
Naive UI
Vue 3 组件库，适合表单、数据表格和后台产品。
官网详情页直接访问返回404；结果直达对应官方组件文档，原官网路由保留在来源记录。
Arco Design
企业级设计体系与组件，覆盖 React 和 Vue 的常用产品界面。
已收录 React 官方路由与官网发布的 Vue 组件导航。
Element Plus
Vue 3 的常用界面组件，适合表单、导航与管理后台。
来自官网可见目录或公开站点地图；不包含未公开、登录后或尚未发布的内容。
HeroUI
React 组件库，适合可访问的按钮、表单和产品界面。
来自官网可见目录或公开站点地图；不包含未公开、登录后或尚未发布的内容。
Material Design 3
Google 的设计体系，搭配开源 Material Web 组件查看规范与实现。
来自官网可见目录或公开站点地图；不包含未公开、登录后或尚未发布的内容。
Radix UI
可访问的 React 组件与主题，适合搭建一致的界面基础。
来自官网可见目录或公开站点地图；不包含未公开、登录后或尚未发布的内容。
Uiverse
社区分享的 UI 元素，可查找并复制按钮、输入框与加载效果。
官网当前返回访问限制；组件来自官方公开归档，覆盖归档中的目录。链接未逐项打开。
Cult UI
可复制的 shadcn/ui 组件，包含动效、卡片和复杂交互。
来自官网可见目录或公开站点地图；不包含未公开、登录后或尚未发布的内容。
Appica UI
提供表单、导航和数据展示组件，适合现代网页产品。
来自官网可见目录或公开站点地图；不包含未公开、登录后或尚未发布的内容。
beUI
免费的 React 动效组件，适合文字、卡片和背景效果。
来自官网可见目录或公开站点地图；不包含未公开、登录后或尚未发布的内容。
coss ui
基于 Base UI 的界面组件，适合表单和常用产品操作。
来自官网可见目录或公开站点地图；不包含未公开、登录后或尚未发布的内容。
BoardUI
面向仪表盘的免费开源组件，包含表格、图表和数据卡片。
中文详情路径已失效，已替换为官网站点地图里的正式页面并逐项检查。
Watermelon UI
可复制的 React 组件、区块与仪表盘，适合快速搭建页面。
来自官网可见目录或公开站点地图；不包含未公开、登录后或尚未发布的内容。
Spell UI
可复制的 React 组件，适合文字效果、卡片与界面动效。
来自官网可见目录或公开站点地图；不包含未公开、登录后或尚未发布的内容。
Spectrum UI
React 动效组件和页面区块，适合产品展示与交互细节。
来自官网可见目录或公开站点地图；不包含未公开、登录后或尚未发布的内容。
ObsidianUI
React 与 Tailwind CSS 组件，适合给常用界面补充细节。
来自官网可见目录或公开站点地图；不包含未公开、登录后或尚未发布的内容。
Arc UI
免费的 shadcn 动效组件，适合 React 与 Next.js 页面。
来自官网可见目录或公开站点地图；不包含未公开、登录后或尚未发布的内容。
Beautiful UI
面向 AI 产品的界面组件，包含思考状态、对话和审批卡片。
来自官网可见目录或公开站点地图；不包含未公开、登录后或尚未发布的内容。
Liquid Gooey
React 液态融合效果组件，适合按钮与控件之间的形变交互。
来自官网可见目录或公开站点地图；不包含未公开、登录后或尚未发布的内容。
Border Beam
沿卡片、按钮或输入框边缘流动的发光效果组件。
来自官网可见目录或公开站点地图；不包含未公开、登录后或尚未发布的内容。
21st
浏览社区开源 React 组件；组件页分别列出来源、代码与许可。
来自官网可见目录或公开站点地图；不包含未公开、登录后或尚未发布的内容。
ThreeUI
Three.js 组件、WebGL 背景和整页模板，适合 3D 与沉浸式网页。
根据本次官网站点地图核对命名详情，排除站点导航、安装说明与类目；具体示例、文档与参考分别标识。
Fluid Functionalism
带细腻交互反馈的 UI 组件，包含对话框、输入框、表格与 AI 状态。
根据本次官网站点地图核对命名详情，排除站点导航、安装说明与类目；具体示例、文档与参考分别标识。
RewampUI
可复制的 React 动效组件，包含卡片轮播和主题切换；提供作者仓库入口。
覆盖 ComponentsPage 中实际注册的组件条目；文档入口不计为组件。
Originkit
可复制的网页动效组件，支持代码、Framer 与 MCP 使用。
覆盖本次官网发布数据中的全部命名组件和页面区块；不重复计算同一组件的框架代码版本。
Vue Bits
可定制的 Vue 动效组件，适合文字、卡片与动态背景。
覆盖本次官网发布资源中的命名条目与 docsUrl；不把通用依赖中的组件混入目录。
Transitions
提供卡片、菜单、弹窗与状态变化等可复制的 UI 过渡效果。
覆盖官方 Library 页中有正式详情地址的全部演示卡片，Pro 预览明确标注。
Shadcn Studio
基于 shadcn/ui 的组件、页面区块和模板，可复制代码或通过 CLI 使用。
检查全部 135 个已发布组件/区块栏目；从发布的 registry 对象提取命名区块及正式预览路径，付费源码不采集。
Rare UI
可复制的 React 动效组件，包含文件夹、代码块、导航与创意交互。
本次收录用途时取得的官方导航样本或集合入口，非全站完整目录。
Svelte Bits
面向 Svelte 的创意动效组件与背景，支持定制与复制代码。
按官方分类、slug 函数与 IMPLEMENTED_DEMOS 交集提取已经实现的组件，排除未实现占位；保留对应官方源码。
SwiftPieces
面向 iOS 的 SwiftUI 组件，包含卡片、输入框、导航、动效与触觉反馈。
覆盖本次官方站点地图中可独立选择的组件文档，不计安装、教程、类目或更新日志。
HeroUI Pro
面向 React 与 React Native 的付费组件、模板和 AI 工具。
覆盖本次官方站点地图中可独立选择的组件文档，不计安装、教程、类目或更新日志。
The Component Gallery
按组件名称比较不同设计系统，适合查找常用界面元素的参考。
覆盖本次官方站点地图中可独立选择的组件文档，不计安装、教程、类目或更新日志。
NameThatUI
界面组件与模式的名称参考，适合确认元素名称并继续寻找实例。
根据本次官网站点地图核对命名详情，排除站点导航、安装说明与类目；具体示例、文档与参考分别标识。
图标
12 个网站Lucide
统一风格的线性图标，适合产品界面的日常操作。
来自官网可见目录或公开站点地图；不包含未公开、登录后或尚未发布的内容。
Heroicons
简洁一致的 SVG 图标，适合网页与应用界面。
官网没有单图标详情页；结果直达对应官方 SVG 源文件。
Its Hover
带悬停动画的图标，适合给常用操作增加轻量反馈。
来自官网可见目录或公开站点地图；不包含未公开、登录后或尚未发布的内容。
Morphicons
SVG 图标形变库，适合寻找图标切换与形变动画。
补充本次公开页面中的可定位条目；尚未验证全站全量覆盖。
Iconsax
界面图标资源，适合寻找产品操作与状态图标。
覆盖当前官方仓库指定 SVG 目录；去除 docs/static、类目/All 镜像重复，保留不同绘制风格。
Applore
应用图标发现与参考目录，适合比较图标造型和品牌辨识度。
补充本次公开页面中的可定位条目；尚未验证全站全量覆盖。
Iconify
聚合多套图标的框架与目录，适合按名称查找图标。
补齐原先只采样的 Lucide 图标集；Iconify 其他数百个图标集仍保留在原站浏览入口，不宣称覆盖整个聚合站。
IconsClub
应用商店图标设计图库，适合寻找应用品牌与图标参考。
已收录公开的具体示例与对应详情或媒体地址；不代表原站全量。参考案例、组件示例和付费预览单独标识。
Koboyo Icons
手绘风格 SVG 图标目录，适合寻找有个性的界面图形。
已收录公开的具体示例与对应详情或媒体地址；不代表原站全量。参考案例、组件示例和付费预览单独标识。
LottieFiles
动画图标资源，适合寻找界面反馈与轻量图标动画。
公开入口请求被拒绝或要求登录，未收录未经确认的条目。
Tabler Icons
矢量图标目录，适合常见网页与应用界面的操作图标。
覆盖当前官方仓库指定 SVG 目录；去除 docs/static、类目/All 镜像重复，保留不同绘制风格。
Iconly Pro
图标设计资源，适合比较图标风格和成套界面素材。
已收录公开的具体示例与对应详情或媒体地址；不代表原站全量。参考案例、组件示例和付费预览单独标识。
组件与模板
9 个网站Shadcn UI Kit
基于 shadcn/ui 的管理后台模板，包含仪表盘、看板和应用页面。
根据本次官网站点地图核对命名详情，排除站点导航、安装说明与类目；具体示例、文档与参考分别标识。
Motion
可复用的网页交互区块与动效场景，通过原站提示词搭建页面。
根据本次官网站点地图核对命名详情，排除站点导航、安装说明与类目；具体示例、文档与参考分别标识。
GlowUp UI
面向 Vibe Coding 的界面模板与设计提示词，可在原站查看和复制。
使用官网同一匿名只读模板查询，覆盖具有公开 source_image_url 的全部模板；不调用生成或计数写入接口。
designmd.supply
网页设计与 DESIGN.md 参考，适合寻找可复用的设计方向。
公开入口请求被拒绝或要求登录，未收录未经确认的条目。
Design Prompts
设计风格与提示词参考，适合为 AI 页面制作选择表达方向。
已收录公开的具体示例与对应详情或媒体地址；不代表原站全量。参考案例、组件示例和付费预览单独标识。
GetLayers
面向 AI 工作流的模板库，适合选择网页结构与设计起点。
合并首页、模板、3D、渐变、背景的发布数据；补查站点地图中缺少元数据的 77 个详情，分类依据原站类别和描述。
Lander Blocks
Figma 设计资源与网页区块，适合寻找可复用的页面结构。
已检查公开页面与发布资源；未取得能确认名称及独立详情地址的组件/效果，保留网站入口。
SceneAI
网页区块、动态落地页与背景的提示词参考，适合选择页面制作方向。
合并本次官网首页及模板、3D、渐变、背景等公开分栏目页面里的命名条目与已发布预览；不包含登录后或未发布内容。
Refero Styles
网站风格与 DESIGN.md 参考库，适合整理交给 AI 的设计规范。
公开分页接口拒绝当前请求；改用站点地图的正式详情页读取真实名称和风格描述。只收录成功取得命名数据的条目。
设计工具
11 个网站Codia AI
AI 设计与开发工具，适合查看设计转开发相关工作流。
本次公开页面主要提供工具、资源导航或教程，未发现可独立选择的组件/效果详情；保留网站入口。
DesignMD
生成 DESIGN.md 设计说明的工具，适合整理交给 AI 的视觉要求。
补充本次公开页面中的可定位条目；尚未验证全站全量覆盖。
Kombai
AI 设计工程工具，适合查看界面构建和前端实现工作流。
本次公开页面主要提供工具、资源导航或教程，未发现可独立选择的组件/效果详情；保留网站入口。
Lovart
设计 Agent 工具，适合查看视觉设计与内容制作流程。
本次公开页面主要提供工具、资源导航或教程，未发现可独立选择的组件/效果详情；保留网站入口。
MeiGen
图像、视频生成与提示词资源，适合寻找视觉素材制作入口。
公开入口请求被拒绝或要求登录，未收录未经确认的条目。
OJO
面向 UI、落地页和产品原型的 AI 设计工具。
本次公开页面主要提供工具、资源导航或教程，未发现可独立选择的组件/效果详情；保留网站入口。
Open Design
结合本地 Agent 的设计工作流，适合查看设计与代码协作方式。
本次公开页面主要提供工具、资源导航或教程，未发现可独立选择的组件/效果详情；保留网站入口。
Pixso
UI 设计与协作工具，适合界面设计、原型和设计交付。
已收录公开的具体示例与对应详情或媒体地址；不代表原站全量。参考案例、组件示例和付费预览单独标识。
Screenshot Studio
截图编辑与设备模型制作工具，适合制作应用展示素材。
本次公开页面主要提供工具、资源导航或教程，未发现可独立选择的组件/效果详情；保留网站入口。
Stitch
AI 界面设计工具，适合探索产品界面与设计方向。
本次公开页面主要提供工具、资源导航或教程，未发现可独立选择的组件/效果详情；保留网站入口。
Variant
探索不同设计方案的工具，适合比较同一个想法的视觉方向。
本次公开页面主要提供工具、资源导航或教程，未发现可独立选择的组件/效果详情；保留网站入口。
视频与动效
4 个网站Claude Video
收藏的 AI 视频示例与提示词网站，适合寻找视频表达参考。
覆盖本次站点地图中对应详情路径；案例性质保持为参考，不推断页面一定具有动效。
JasonZhu.AI
收藏的代码动画、视频与 3D 提示词参考，适合寻找制作思路。
综合创作提示词案例；本次未提取能独立定位的 UI 组件或界面效果。
Lemo-Opuscar
代码短片风格与制作参考，适合选择视觉风格和动画表达方式。
已收录公开的具体示例与对应详情或媒体地址；不代表原站全量。参考案例、组件示例和付费预览单独标识。
Prompt Motion
收藏的视频与动画提示词参考，适合寻找动态内容的制作起点。
已收录公开的具体示例与对应详情或媒体地址；不代表原站全量。参考案例、组件示例和付费预览单独标识。
设计灵感
6 个网站Collect UI
按界面主题浏览日常 UI 设计参考，适合比较不同设计解法。
已收录公开的具体示例与对应详情或媒体地址；不代表原站全量。参考案例、组件示例和付费预览单独标识。
奇思喵想
收藏的中文 UI 设计参考网站，适合寻找界面和视觉灵感。
已检查公开页面与发布资源；未取得能确认名称及独立详情地址的组件/效果，保留网站入口。
Behance
设计作品集平台，适合浏览完整项目和不同领域的视觉作品。
公开入口请求被拒绝或要求登录，未收录未经确认的条目。
Dribbble
设计作品与界面参考平台，适合寻找风格、排版和视觉方向。
公开入口请求被拒绝或要求登录，未收录未经确认的条目。
Godly
网页、标志和应用图标等设计参考，适合寻找整体视觉方向。
覆盖本次站点地图中对应详情路径；案例性质保持为参考，不推断页面一定具有动效。
Recent
设计灵感目录，适合浏览不同网站与视觉作品。
补充本次公开页面中的可定位条目；尚未验证全站全量覆盖。