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

交互动效

Ripplix

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

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

资源与访问条件

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

目录入口

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

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

  1. Widget Drawer Drag Drop Grid

    动效参考 · 具体条目入口

    相关词:抽屉、侧边栏、卡片、网格、光标、鼠标、指针、翻转、拖拽、拖动、AI、人工智能

  2. Button Animation

    动效参考 · 具体条目入口

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

  3. Live Preview Onboarding Wizard

    动效参考 · 具体条目入口

    相关词:表格、数据表格、表单、光标、鼠标、指针、动画、动效、AI、人工智能

  4. Multi Select Batch Bar

    动效参考 · 具体条目入口

    相关词:气泡、弹出框、选择器、下拉选择、光标、鼠标、指针、AI、人工智能

  5. Canvas Theme Selector

    动效参考 · 具体条目入口

    相关词:选择器、下拉选择、背景、光标、鼠标、指针、AI、人工智能、仪表盘、后台、首页、房子

  6. Modal Workflow Builder

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、选择器、下拉选择、表单、光标、鼠标、指针、动画、动效、AI

  7. Theme Picker Preview

    动效参考 · 具体条目入口

    相关词:轮播、轮播图、选择器、下拉选择、光标、鼠标、指针、动画、动效、聊天、对话、AI

  8. Auto Expanding Modal

    动效参考 · 具体条目入口

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

  9. Contextual Tour Callout

    动效参考 · 具体条目入口

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

  10. Modal Customizer Dialog

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、页脚、光标、鼠标、指针、滚动、淡入、淡出、AI、人工智能

  11. Mobile Onboarding Slider

    动效参考 · 具体条目入口

    相关词:轮播、轮播图、滑块、滑杆、分页、光标、鼠标、指针、动画、动效、AI、人工智能

  12. Button Animation

    动效参考 · 具体条目入口

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

  13. Filter Bottom Sheet

    动效参考 · 具体条目入口

    相关词:抽屉、面板、选择器、下拉选择、切换、开关、页脚、搜索、光标、鼠标、指针、滚动

  14. Segmented Story Modal

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、轮播、轮播图、导航、进度条、光标、鼠标、指针、滑动、手势

  15. Button Animation

    动效参考 · 具体条目入口

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

  16. Mobile Bottom Sheet Drawer

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、抽屉、面板、光标、鼠标、指针、动画、动效、拖拽、拖动

  17. Mobile Picker Sheet

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、抽屉、面板、选择器、下拉选择、光标、鼠标、指针、AI、人工智能

  18. Mobile Bottom Sheet Menu

    动效参考 · 具体条目入口

    相关词:抽屉、面板、菜单、导航、光标、鼠标、指针、动画、动效、AI、人工智能

  19. Context Dropdown Menu

    动效参考 · 具体条目入口

    相关词:气泡、弹出框、按钮、菜单、下拉菜单、光标、鼠标、指针、淡入、淡出、动画、动效

  20. Inline Select Dropdown

    动效参考 · 具体条目入口

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

  21. Splash Onboarding Hero

    动效参考 · 具体条目入口

    相关词:轮播、轮播图、按钮、卡片、首屏、主视觉、光标、鼠标、指针、AI、人工智能

  22. Sequential Icon Loader

    动效参考 · 具体条目入口

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

  23. Voice Dictation Input Dock

    动效参考 · 具体条目入口

    相关词:按钮、输入框、程序坞、导航、卡片、光标、鼠标、指针、聊天、对话、AI、人工智能

  24. Story Card Modal

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、卡片、进度条、光标、鼠标、指针、AI、人工智能

  25. Expandable Streak Header Drawer

    动效参考 · 具体条目入口

    相关词:抽屉、光标、鼠标、指针、揭示、出现、入场、动画、动效、AI、人工智能

  26. Expandable Bottom Sheet Tray

    动效参考 · 具体条目入口

    相关词:抽屉、面板、列表、光标、鼠标、指针、AI、人工智能

  27. Ruler Picker Bottom Sheet

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、抽屉、面板、光标、鼠标、指针、拖拽、拖动、AI、人工智能

  28. Bottom Sheet Filter Modal

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、抽屉、面板、选择器、下拉选择、单选框、页脚、光标、鼠标、指针

  29. Fintech Tier Card Carousel

    动效参考 · 具体条目入口

    相关词:轮播、轮播图、卡片、光标、鼠标、指针、文字、文本、三维、3D、AI、人工智能

  30. Period Filter Sheet

    动效参考 · 具体条目入口

    相关词:抽屉、面板、网格、光标、鼠标、指针、AI、人工智能

  31. Action Sheet Modal

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、抽屉、面板、列表、首屏、主视觉、光标、鼠标、指针、动画

  32. Mobile Grouped Menu Drawer

    动效参考 · 具体条目入口

    相关词:抽屉、面板、菜单、导航、光标、鼠标、指针、AI、人工智能、图标

  33. Tip Selection Sheet

    动效参考 · 具体条目入口

    相关词:抽屉、面板、切换、开关、光标、鼠标、指针、AI、人工智能

  34. Auto Advancing Prompt Carousel

    动效参考 · 具体条目入口

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

  35. Block Drag Math Target

    动效参考 · 具体条目入口

    相关词:按钮、文件拖放、上传、光标、鼠标、指针、拖拽、拖动、AI、人工智能、勾选、成功

  36. Course Switch Transition

    动效参考 · 具体条目入口

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

  37. Fintech Collapsible Feed

    动效参考 · 具体条目入口

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

  38. Number Line Slider

    动效参考 · 具体条目入口

    相关词:滑块、滑杆、折线、线条、选择器、下拉选择、光标、鼠标、指针、AI、人工智能

  39. Floating Badge Modal

    动效参考 · 具体条目入口

    相关词:警告、提示、弹窗、对话框、模态框、切换、开关、徽章、状态标签、光标、鼠标、指针

  40. Category Select Grid

    动效参考 · 具体条目入口

    相关词:按钮、选择器、下拉选择、卡片、网格、光标、鼠标、指针、动画、动效、AI、人工智能

  41. Exit Confirmation Sheet

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、抽屉、面板、按钮、光标、鼠标、指针、淡入、淡出、AI

  42. Quick Log Item Action

    动效参考 · 具体条目入口

    相关词:按钮、消息提示、轻提示、光标、鼠标、指针、动画、动效、AI、人工智能、添加、加号

  43. Splash Zoom Reveal

    动效参考 · 具体条目入口

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

  44. Card Customizer Sheet

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、抽屉、面板、按钮、卡片、光标、鼠标、指针、翻转、动画

  45. Macro Wheel Picker Sheet

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、抽屉、面板、光标、鼠标、指针、滚动、动画、动效、AI

  46. Toggle Confirmation Sheet

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、抽屉、面板、开关、切换、光标、鼠标、指针、AI、人工智能

  47. Transaction Success Indicator

    动效参考 · 具体条目入口

    相关词:环形、圆形、徽章、状态标签、加载、加载动画、转圈、光标、鼠标、指针、动画、动效

  48. Subscription Unlock Celebration

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、环形、圆形、按钮、徽章、状态标签、进度条、光标、鼠标、指针

  49. Bottom Search Nav Dock

    动效参考 · 具体条目入口

    相关词:标签页、选项卡、导航、程序坞、搜索、光标、鼠标、指针、动画、动效、AI、人工智能

  50. Bottom Sheet Animation

    动效参考 · 具体条目入口

    相关词:抽屉、面板、光标、鼠标、指针、动画、动效、AI、人工智能

  51. Contextual Coachmark Tooltip

    动效参考 · 具体条目入口

    相关词:提示、气泡、工具提示、按钮、光标、鼠标、指针、淡入、淡出、动画、动效、AI

  52. Handwriting Digit Canvas

    动效参考 · 具体条目入口

    相关词:按钮、输入框、光标、鼠标、指针、动画、动效、AI、人工智能

  53. Ai Streaming Message

    动效参考 · 具体条目入口

    相关词:消息提示、卡片、光标、鼠标、指针、滚动、聊天、对话、AI、人工智能、流式输出

  54. Sliding Tab Bar

    动效参考 · 具体条目入口

    相关词:选择器、下拉选择、标签页、选项卡、导航、光标、鼠标、指针、AI、人工智能

  55. Mobile Action Bottom Sheet

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、抽屉、面板、背景、光标、鼠标、指针、动画、动效、AI

  56. Reader Settings Dropdown

    动效参考 · 具体条目入口

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

  57. Tag Selection Sheet

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、抽屉、面板、选择器、下拉选择、标签、消息提示、轻提示、卡片、光标

  58. Filter Bottom Sheet

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、抽屉、面板、选择器、下拉选择、光标、鼠标、指针、动画、动效

  59. Toolbar Action Menu

    动效参考 · 具体条目入口

    相关词:气泡、弹出框、按钮、菜单、光标、鼠标、指针、淡入、淡出、AI、人工智能

  60. Reader Pagination Scrubber

    动效参考 · 具体条目入口

    相关词:滑块、滑杆、分页、进度条、光标、鼠标、指针、AI、人工智能、收藏、书签

  61. Mobile Bottom Sheet Select

    动效参考 · 具体条目入口

    相关词:抽屉、面板、选择器、下拉选择、光标、鼠标、指针、动画、动效、AI、人工智能

  62. Tactile Push Button

    动效参考 · 具体条目入口

    相关词:按钮、光标、鼠标、指针、三维、3D、AI、人工智能

  63. Gamified Onboarding Step Flow

    动效参考 · 具体条目入口

    相关词:轮播、轮播图、选择器、下拉选择、卡片、光标、鼠标、指针、AI、人工智能

  64. Reader Header Loader

    动效参考 · 具体条目入口

    相关词:环形、圆形、按钮、徽章、状态标签、加载、加载动画、光标、鼠标、指针、动画、动效

  65. Avatar Cycle Onboarding Card

    动效参考 · 具体条目入口

    相关词:轮播、轮播图、环形、圆形、头像、卡片、光标、鼠标、指针、AI、人工智能

  66. Mobile Course Picker Modal

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、光标、鼠标、指针、滚动、AI、人工智能

  67. Reader Load Transition

    动效参考 · 具体条目入口

    相关词:提示、气泡、工具提示、卡片、加载、加载动画、光标、鼠标、指针、动画、动效、AI

  68. Token Bank Sentence Builder

    动效参考 · 具体条目入口

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

  69. Camera Speed Selector Popover

    动效参考 · 具体条目入口

    相关词:气泡、弹出框、选择器、下拉选择、光标、鼠标、指针、交互、动效、AI、人工智能、图标

  70. Mobile Bottom Sheet Modal

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、抽屉、面板、表单、光标、鼠标、指针、动画、动效、AI

  71. Mobile Filter Bottom Sheet

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、抽屉、面板、光标、鼠标、指针、动画、动效、AI、人工智能

  72. Visual Card Selector

    动效参考 · 具体条目入口

    相关词:选择器、下拉选择、单选框、开关、卡片、光标、鼠标、指针、AI、人工智能、用户

  73. Feature Spotlight Modal

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、抽屉、面板、光标、鼠标、指针、动画、动效、AI、人工智能

  74. Morphing Confirmation Dialog

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、卡片、加载、加载动画、转圈、光标、鼠标、指针、AI、人工智能

  75. Reward Reveal Celebration

    动效参考 · 具体条目入口

    相关词:徽章、状态标签、背景、粒子、光标、鼠标、指针、揭示、出现、入场、文字、文本

  76. Schedule Bottom Sheet Picker

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、抽屉、面板、网格、日历、光标、鼠标、指针、交互、动效

  77. Expandable Ride Search Sheet

    动效参考 · 具体条目入口

    相关词:抽屉、面板、输入框、搜索、光标、鼠标、指针、滚动、动画、动效、AI、人工智能

  78. Slide Up Bottom Sheet Filter

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、抽屉、面板、按钮、标签、光标、鼠标、指针、揭示、出现

  79. Lesson Success Summary

    动效参考 · 具体条目入口

    相关词:按钮、卡片、光标、鼠标、指针、揭示、出现、入场、AI、人工智能

  80. Gamified Stat Summary Grid

    动效参考 · 具体条目入口

    相关词:轮播、轮播图、按钮、卡片、网格、光标、鼠标、指针、动画、动效、AI、人工智能