UIPicks UI 参考库
← 全部 AI 参考来源

交互动效

Ripplix

UI 动画与微交互参考库，适合研究产品反馈和交互节奏。

进入原站读取本页 JSON

已核对公开视频目录 · 2026-10-14。覆盖本次公开视频站点地图里的命名案例；详情权限与原站一致，不代表取得源码或完整视频下载权限。

资源与访问条件

“有免费资源”仅描述对应资源范围，不代表每条案例、模板或素材免费。代码、提示词与素材的实际获取权限及许可需到原站核对。

目录入口

共 5,359 条记录，本页显示 2641–2720 条。每页最多 80 条；直接点击名称进入已保存的真实网址。

条目类型、来源日期与链接性质分别标注。只有明确核验过的画面才显示布局或风格标签；没有标签表示当前没有相应确认信息。

  1. Hero Cta Buttons

    动效参考 · 具体条目入口

    相关词：按钮、首屏、主视觉、悬停、鼠标悬停、背景、光标、鼠标、指针、动画、动效、AI

    发布者公开目录数据2026-10-14

  2. Perspective Grid Voxels

    动效参考 · 具体条目入口

    相关词：按钮、网格、首屏、主视觉、光标、鼠标、指针、三维、3D、AI、人工智能

    发布者公开目录数据2026-10-14

  3. Smooth Accordion List

    动效参考 · 具体条目入口

    相关词：手风琴、折叠面板、切换、开关、卡片、列表、常见问题、光标、鼠标、指针、动画、动效

    发布者公开目录数据2026-10-14

  4. Sticky Isometric Feature Reveal

    动效参考 · 具体条目入口

    相关词：卡片、光标、鼠标、指针、滚动、揭示、出现、入场、动画、动效、AI、人工智能

    发布者公开目录数据2026-10-14

  5. Vertical Topic Reel

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、首屏、主视觉、光标、鼠标、指针、文字、文本、AI、人工智能

    发布者公开目录数据2026-10-14

  6. Interactive Feature Grid

    动效参考 · 具体条目入口

    相关词：卡片、网格、光标、鼠标、指针、AI、人工智能、关闭、叉号

    发布者公开目录数据2026-10-14

  7. Horizontal Accordion Modules

    动效参考 · 具体条目入口

    相关词：手风琴、折叠面板、列表、光标、鼠标、指针、揭示、出现、入场、动画、动效、交互

    发布者公开目录数据2026-10-14

  8. Collaborative Editor Card

    动效参考 · 具体条目入口

    相关词：卡片、光标、鼠标、指针、文字、文本、AI、人工智能、用户

    发布者公开目录数据2026-10-14

  9. Sticky Sidebar Post Grid

    动效参考 · 具体条目入口

    相关词：侧边栏、网格、搜索、悬停、鼠标悬停、光标、鼠标、指针、AI、人工智能

    发布者公开目录数据2026-10-14

  10. Capsule Pill Hover Button

    动效参考 · 具体条目入口

    相关词：按钮、悬停、鼠标悬停、背景、光标、鼠标、指针、动画、动效、AI、人工智能

    发布者公开目录数据2026-10-14

  11. Floating Nav Dropdown

    动效参考 · 具体条目入口

    相关词：气泡、弹出框、菜单、下拉菜单、导航、悬停、鼠标悬停、光标、鼠标、指针、AI、人工智能

    发布者公开目录数据2026-10-14

  12. Search Animation

    动效参考 · 具体条目入口

    相关词：搜索、光标、鼠标、指针、动画、动效、AI、人工智能

    发布者公开目录数据2026-10-14

  13. Sticky Step Scroll Showcase

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、光标、鼠标、指针、滚动、动画、动效、AI、人工智能

    发布者公开目录数据2026-10-14

  14. Hover Dropdown Nav

    动效参考 · 具体条目入口

    相关词：菜单、下拉菜单、导航、悬停、鼠标悬停、光标、鼠标、指针、揭示、出现、入场、AI

    发布者公开目录数据2026-10-14

  15. Interactive Cta Pill Button

    动效参考 · 具体条目入口

    相关词：按钮、首屏、主视觉、悬停、鼠标悬停、背景、光标、鼠标、指针、AI、人工智能、图标

    发布者公开目录数据2026-10-14

  16. Circuit Cta Dock

    动效参考 · 具体条目入口

    相关词：按钮、程序坞、导航、悬停、鼠标悬停、光标、鼠标、指针、动画、动效、AI、人工智能

    发布者公开目录数据2026-10-14

  17. Faq Accordion

    动效参考 · 具体条目入口

    相关词：手风琴、折叠面板、切换、开关、列表、常见问题、光标、鼠标、指针、AI、人工智能、图标

    发布者公开目录数据2026-10-14

  18. Alternating Split Card Grid

    动效参考 · 具体条目入口

    相关词：卡片、网格、悬停、鼠标悬停、光标、鼠标、指针、AI、人工智能

    发布者公开目录数据2026-10-14

  19. Bento Metric Grid

    动效参考 · 具体条目入口

    相关词：卡片、模块化布局、格子、网格、用户评价、悬停、鼠标悬停、光标、鼠标、指针、动画、动效

    发布者公开目录数据2026-10-14

  20. Invert Pill Button

    动效参考 · 具体条目入口

    相关词：按钮、悬停、鼠标悬停、光标、鼠标、指针、AI、人工智能

    发布者公开目录数据2026-10-14

  21. Multi Color Accordion

    动效参考 · 具体条目入口

    相关词：手风琴、折叠面板、切换、开关、卡片、光标、鼠标、指针、翻转、动画、动效、AI

    发布者公开目录数据2026-10-14

  22. Active State Animation

    动效参考 · 具体条目入口

    相关词：光标、鼠标、指针、动画、动效、AI、人工智能

    发布者公开目录数据2026-10-14

  23. Tabbed Feature Showcase

    动效参考 · 具体条目入口

    相关词：导航、搜索、光标、鼠标、指针、动画、动效、AI、人工智能

    发布者公开目录数据2026-10-14

  24. Fullscreen Preview Menu

    动效参考 · 具体条目入口

    相关词：菜单、导航、卡片、首屏、主视觉、光标、鼠标、指针、动画、动效、AI、人工智能

    发布者公开目录数据2026-10-14

  25. Pricing Table Toggle

    动效参考 · 具体条目入口

    相关词：按钮、表格、数据表格、切换、开关、网格、定价、价格、光标、鼠标、指针、动画

    发布者公开目录数据2026-10-14

  26. Flanked Device Showcase

    动效参考 · 具体条目入口

    相关词：卡片、光标、鼠标、指针、滚动、AI、人工智能

    发布者公开目录数据2026-10-14

  27. Auto Advancing Media Hero

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、首屏、主视觉、进度条、光标、鼠标、指针、动画、动效、AI、人工智能

    发布者公开目录数据2026-10-14

  28. Logo Pill Strip

    动效参考 · 具体条目入口

    相关词：悬停、鼠标悬停、光标、鼠标、指针、AI、人工智能

    发布者公开目录数据2026-10-14

  29. Cta Node Banner

    动效参考 · 具体条目入口

    相关词：发光、光晕、光标、鼠标、指针、滚动、动画、动效、AI、人工智能

    发布者公开目录数据2026-10-14

  30. Inline Text Rotator

    动效参考 · 具体条目入口

    相关词：光标、鼠标、指针、淡入、淡出、模糊、文字、文本、动画、动效、AI、人工智能

    发布者公开目录数据2026-10-14

  31. Hero Pill Cluster Entrance

    动效参考 · 具体条目入口

    相关词：徽章、状态标签、首屏、主视觉、光标、鼠标、指针、滚动、文字、文本、AI、人工智能

    已核验画面：居中首屏、浅色、简洁留白 · 2026-10-14

    标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。

    发布者公开目录数据2026-10-14

  32. Bento Feature Grid

    动效参考 · 具体条目入口

    相关词：模块化布局、格子、卡片、网格、功能区、光标、鼠标、指针、交错、逐个出现、AI、人工智能

    已核验画面：Bento 功能网格、深色、简洁留白 · 2026-10-14

    标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。

    发布者公开目录数据2026-10-14

  33. Kinetic Hero Headline

    动效参考 · 具体条目入口

    相关词：首屏、主视觉、光标、鼠标、指针、滚动、揭示、出现、入场、动画、动效、AI

    发布者公开目录数据2026-10-14

  34. Glowing Wordmark Footer

    动效参考 · 具体条目入口

    相关词：页脚、发光、光晕、光标、鼠标、指针、三维、3D、AI、人工智能

    发布者公开目录数据2026-10-14

  35. Select Animation

    动效参考 · 具体条目入口

    相关词：选择器、下拉选择、光标、鼠标、指针、动画、动效、AI、人工智能

    发布者公开目录数据2026-10-14

  36. Vertical Activity Marquee

    动效参考 · 具体条目入口

    相关词：跑马灯、轮播、滚动列表、渐变、光标、鼠标、指针、滚动、动画、动效、AI、人工智能

    发布者公开目录数据2026-10-14

  37. Animated Hero Illustration

    动效参考 · 具体条目入口

    相关词：徽章、状态标签、首屏、主视觉、光标、鼠标、指针、动画、动效、AI、人工智能

    发布者公开目录数据2026-10-14

  38. Tour Popover Callout

    动效参考 · 具体条目入口

    相关词：气泡、弹出框、光标、鼠标、指针、淡入、淡出、AI、人工智能、箭头

    发布者公开目录数据2026-10-14

  39. Contextual Selection Bar

    动效参考 · 具体条目入口

    相关词：表格、数据表格、选择器、下拉选择、光标、鼠标、指针、AI、人工智能

    发布者公开目录数据2026-10-14

  40. Select Animation

    动效参考 · 具体条目入口

    相关词：选择器、下拉选择、光标、鼠标、指针、动画、动效、AI、人工智能

    发布者公开目录数据2026-10-14

  41. Task Completion Followup Popover

    动效参考 · 具体条目入口

    相关词：气泡、弹出框、列表、光标、鼠标、指针、AI、人工智能

    发布者公开目录数据2026-10-14

  42. Inline Section Inserter

    动效参考 · 具体条目入口

    相关词：按钮、光标、鼠标、指针、AI、人工智能

    发布者公开目录数据2026-10-14

  43. Slide Over Drawer

    动效参考 · 具体条目入口

    相关词：抽屉、按钮、光标、鼠标、指针、动画、动效、AI、人工智能

    发布者公开目录数据2026-10-14

  44. Multi Category Record Picker

    动效参考 · 具体条目入口

    相关词：气泡、弹出框、输入框、选择器、下拉选择、标签页、选项卡、下拉菜单、侧边栏、列表、搜索、空状态

    发布者公开目录数据2026-10-14

  45. Setup Guide Checklist

    动效参考 · 具体条目入口

    相关词：手风琴、折叠面板、列表、进度条、光标、鼠标、指针、AI、人工智能

    发布者公开目录数据2026-10-14

  46. Interactive Task Row

    动效参考 · 具体条目入口

    相关词：列表、悬停、鼠标悬停、光标、鼠标、指针、动画、动效、拖拽、拖动、AI、人工智能

    发布者公开目录数据2026-10-14

  47. Indeterminate Progress Modal

    动效参考 · 具体条目入口

    相关词：弹窗、对话框、模态框、环形、圆形、加载、转圈、进度条、光标、鼠标、指针、AI

    发布者公开目录数据2026-10-14

  48. Hierarchical Task Reorder Toast

    动效参考 · 具体条目入口

    相关词：按钮、消息提示、轻提示、列表、光标、鼠标、指针、动画、动效、拖拽、拖动、AI

    发布者公开目录数据2026-10-14

  49. Selectable Card Radio Group

    动效参考 · 具体条目入口

    相关词：选择器、下拉选择、单选框、卡片、光标、鼠标、指针、动画、动效、AI、人工智能

    发布者公开目录数据2026-10-14

  50. Inline Editable Property Row

    动效参考 · 具体条目入口

    相关词：按钮、悬停、鼠标悬停、光标、鼠标、指针、AI、人工智能

    发布者公开目录数据2026-10-14

  51. Media Search Modal

    动效参考 · 具体条目入口

    相关词：弹窗、对话框、模态框、输入框、网格、搜索、光标、鼠标、指针、图片、AI、人工智能

    发布者公开目录数据2026-10-14

  52. Centered Modal Dialog

    动效参考 · 具体条目入口

    相关词：弹窗、对话框、模态框、光标、鼠标、指针、淡入、淡出、动画、动效、AI、人工智能

    发布者公开目录数据2026-10-14

  53. Onboarding Loading Modal

    动效参考 · 具体条目入口

    相关词：弹窗、对话框、模态框、卡片、加载、加载动画、进度条、渐变、光标、鼠标、指针、AI

    发布者公开目录数据2026-10-14

  54. Async Estimate Card

    动效参考 · 具体条目入口

    相关词：卡片、加载、加载动画、转圈、光标、鼠标、指针、AI、人工智能

    发布者公开目录数据2026-10-14

  55. Action Modal Dialog

    动效参考 · 具体条目入口

    相关词：弹窗、对话框、模态框、表单、加载、加载动画、光标、鼠标、指针、动画、动效、AI

    发布者公开目录数据2026-10-14

  56. Collapsible Kanban Column

    动效参考 · 具体条目入口

    相关词：光标、鼠标、指针、滚动、AI、人工智能

    发布者公开目录数据2026-10-14

  57. Contextual Help Tooltip

    动效参考 · 具体条目入口

    相关词：气泡、弹出框、提示、工具提示、光标、鼠标、指针、揭示、出现、入场、AI、人工智能

    发布者公开目录数据2026-10-14

  58. Celebration Pop Card

    动效参考 · 具体条目入口

    相关词：卡片、光标、鼠标、指针、滚动、文字、文本、AI、人工智能、图标

    发布者公开目录数据2026-10-14

  59. Validated Phone Popover

    动效参考 · 具体条目入口

    相关词：气泡、弹出框、输入框、选择器、下拉选择、光标、鼠标、指针、动画、动效、AI、人工智能

    发布者公开目录数据2026-10-14

  60. Contextual Tip Popover

    动效参考 · 具体条目入口

    相关词：气泡、弹出框、按钮、卡片、光标、鼠标、指针、动画、动效、AI、人工智能

    发布者公开目录数据2026-10-14

  61. Flippable Task List

    动效参考 · 具体条目入口

    相关词：复选框、多选框、轻提示、消息条、列表、光标、鼠标、指针、翻转、动画、动效、AI

    发布者公开目录数据2026-10-14

  62. Orbital Loading Modal

    动效参考 · 具体条目入口

    相关词：弹窗、对话框、模态框、加载、加载动画、转圈、光标、鼠标、指针、动画、动效、AI

    发布者公开目录数据2026-10-14

  63. Cycling Typewriter Hero

    动效参考 · 具体条目入口

    相关词：首屏、主视觉、光标、鼠标、指针、文字、文本、打字机、打字、动画、动效、AI

    发布者公开目录数据2026-10-14

  64. Labeled Toggle Switch

    动效参考 · 具体条目入口

    相关词：开关、切换、光标、鼠标、指针、AI、人工智能

    发布者公开目录数据2026-10-14

  65. Button Animation

    动效参考 · 具体条目入口

    相关词：按钮、光标、鼠标、指针、动画、动效、AI、人工智能

    发布者公开目录数据2026-10-14

  66. Wysiwyg Inline Editor Node

    动效参考 · 具体条目入口

    相关词：徽章、状态标签、悬停、鼠标悬停、光标、鼠标、指针、文字、文本、AI、人工智能

    发布者公开目录数据2026-10-14

  67. Right Action Drawer

    动效参考 · 具体条目入口

    相关词：抽屉、按钮、光标、鼠标、指针、AI、人工智能

    发布者公开目录数据2026-10-14

  68. Form Validation Tooltip

    动效参考 · 具体条目入口

    相关词：提示、气泡、工具提示、表单、光标、鼠标、指针、动画、动效、AI、人工智能

    发布者公开目录数据2026-10-14

  69. Floating Selection Toolbar

    动效参考 · 具体条目入口

    相关词：选择器、下拉选择、光标、鼠标、指针、文字、文本、AI、人工智能

    发布者公开目录数据2026-10-14

  70. Nested Accordion Sidebar Menu

    动效参考 · 具体条目入口

    相关词：手风琴、折叠面板、菜单、导航、侧边栏、徽章、状态标签、标签、卡片、光标、鼠标、指针

    发布者公开目录数据2026-10-14

  71. Async Action Loading Overlay

    动效参考 · 具体条目入口

    相关词：弹窗、对话框、模态框、加载、加载动画、转圈、光标、鼠标、指针、文字、文本、AI

    发布者公开目录数据2026-10-14

  72. Context Menu Dropdown

    动效参考 · 具体条目入口

    相关词：气泡、弹出框、按钮、菜单、下拉菜单、光标、鼠标、指针、动画、动效、AI、人工智能

    发布者公开目录数据2026-10-14

  73. Collapsible Sidebar Panel

    动效参考 · 具体条目入口

    相关词：手风琴、折叠面板、侧边栏、光标、鼠标、指针、AI、人工智能

    发布者公开目录数据2026-10-14

  74. Slide Over Panel

    动效参考 · 具体条目入口

    相关词：抽屉、按钮、光标、鼠标、指针、动画、动效、AI、人工智能

    发布者公开目录数据2026-10-14

  75. Button Animation

    动效参考 · 具体条目入口

    相关词：按钮、光标、鼠标、指针、动画、动效、AI、人工智能

    发布者公开目录数据2026-10-14

  76. Editor Block Gutter Menu

    动效参考 · 具体条目入口

    相关词：折线、线条、菜单、光标、鼠标、指针、动画、动效、拖拽、拖动、AI、人工智能

    发布者公开目录数据2026-10-14

  77. Modal Upload Progress

    动效参考 · 具体条目入口

    相关词：弹窗、对话框、模态框、进度条、上传、光标、鼠标、指针、动画、动效、AI、人工智能

    发布者公开目录数据2026-10-14

  78. Caret Action Tooltip

    动效参考 · 具体条目入口

    相关词：提示、气泡、工具提示、徽章、状态标签、悬停、鼠标悬停、光标、鼠标、指针、动画、动效

    发布者公开目录数据2026-10-14

  79. Toggle Conditional Disclosure

    动效参考 · 具体条目入口

    相关词：输入框、开关、切换、光标、鼠标、指针、AI、人工智能

    发布者公开目录数据2026-10-14

  80. Icon Picker Popover

    动效参考 · 具体条目入口

    相关词：气泡、弹出框、按钮、上传、光标、鼠标、指针、动画、动效、图片、AI、人工智能

    发布者公开目录数据2026-10-14