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

交互动效

Ripplix

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

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

资源与访问条件

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

目录入口

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

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

  1. Mobile Detail Screen Loader

    动效参考 · 具体条目入口

    相关词:按钮、标签页、选项卡、首屏、主视觉、加载、加载动画、转圈、光标、鼠标、指针、AI

  2. Button Animation

    动效参考 · 具体条目入口

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

  3. Streak Commitment Selector

    动效参考 · 具体条目入口

    相关词:选择器、下拉选择、徽章、状态标签、光标、鼠标、指针、AI、人工智能

  4. Mobile Side Drawer

    动效参考 · 具体条目入口

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

  5. Ai Image Generation Placeholder

    动效参考 · 具体条目入口

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

  6. Orbital Showcase Carousel

    动效参考 · 具体条目入口

    相关词:轮播、轮播图、卡片、发光、光晕、光标、鼠标、指针、AI、人工智能、添加、加号

  7. Assistant Intro Feed

    动效参考 · 具体条目入口

    相关词:卡片、光标、鼠标、指针、滚动、动画、动效、AI、人工智能、首页、房子

  8. Swipe Fill Memo Card

    动效参考 · 具体条目入口

    相关词:输入框、卡片、进度条、光标、鼠标、指针、揭示、出现、入场、文字、文本、拖拽

  9. Habit Toggle Row

    动效参考 · 具体条目入口

    相关词:按钮、选择器、下拉选择、切换、开关、列表、光标、鼠标、指针、动画、动效、AI

  10. Voice Selector Carousel

    动效参考 · 具体条目入口

    相关词:轮播、轮播图、分页、光标、鼠标、指针、文字、文本、AI、人工智能

  11. Centered Dot Typewriter

    动效参考 · 具体条目入口

    相关词:光标、鼠标、指针、打字机、动画、动效、聊天、对话、AI、人工智能、终端

  12. Bottom Sheet Picker

    动效参考 · 具体条目入口

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

  13. Success Check Trigger

    动效参考 · 具体条目入口

    相关词:环形、圆形、徽章、状态标签、光标、鼠标、指针、淡入、淡出、AI、人工智能、勾选

  14. Multi Step Modal Flow

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、轮播、轮播图、光标、鼠标、指针、淡入、淡出、AI、人工智能

  15. Spotlight Onboarding Tour

    动效参考 · 具体条目入口

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

  16. Progression Task List

    动效参考 · 具体条目入口

    相关词:卡片、列表、加载、加载动画、光标、鼠标、指针、AI、人工智能

  17. Event Card Carousel Selector

    动效参考 · 具体条目入口

    相关词:轮播、轮播图、选择器、下拉选择、卡片、进度条、光标、鼠标、指针、揭示、出现、入场

  18. Sliding List Selector

    动效参考 · 具体条目入口

    相关词:选择器、下拉选择、列表、光标、鼠标、指针、AI、人工智能

  19. Subscription Pricing Sheet

    动效参考 · 具体条目入口

    相关词:抽屉、面板、按钮、标签、定价、价格、光标、鼠标、指针、AI、人工智能

  20. Promo Badge Float Card

    动效参考 · 具体条目入口

    相关词:徽章、状态标签、卡片、光标、鼠标、指针、动画、动效、AI、人工智能

  21. Mood Onboarding Flow

    动效参考 · 具体条目入口

    相关词:轮播、轮播图、光标、鼠标、指针、动画、动效、AI、人工智能、勾选、成功

  22. Sentence Redaction Elimination

    动效参考 · 具体条目入口

    相关词:光标、鼠标、指针、文字、文本、翻转、动画、动效、AI、人工智能、关闭

  23. Daily Goal Stepper Chart

    动效参考 · 具体条目入口

    相关词:图表、柱状图、光标、鼠标、指针、动画、动效、AI、人工智能

  24. Preference Reorder List

    动效参考 · 具体条目入口

    相关词:复选框、切换、开关、列表、光标、鼠标、指针、拖拽、拖动、AI、人工智能

  25. Mobile Tool Drawer Sheet

    动效参考 · 具体条目入口

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

  26. Onboarding Step Carousel

    动效参考 · 具体条目入口

    相关词:轮播、轮播图、分页、光标、鼠标、指针、动画、动效、AI、人工智能、排版、字体

  27. Selectable Option Grid

    动效参考 · 具体条目入口

    相关词:选择器、下拉选择、徽章、状态标签、卡片、网格、光标、鼠标、指针、动画、动效、AI

  28. Avatar Wheel Picker

    动效参考 · 具体条目入口

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

  29. Lesson Complete Confetti Celebration

    动效参考 · 具体条目入口

    相关词:按钮、卡片、粒子、彩纸、庆祝、光标、鼠标、指针、动画、动效、AI、人工智能

  30. Guided Breathing Flow

    动效参考 · 具体条目入口

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

  31. Expanding Sheet Modal

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、气泡、弹出框、抽屉、面板、网格、光标、鼠标、指针、滚动

  32. Onboarding Reveal Card Stack

    动效参考 · 具体条目入口

    相关词:按钮、卡片、光标、鼠标、指针、滚动、揭示、出现、入场、文字、文本、AI

  33. Widget Carousel Deck

    动效参考 · 具体条目入口

    相关词:轮播、轮播图、按钮、卡片、光标、鼠标、指针、文字、文本、动画、动效、AI

  34. Category Financial Summary

    动效参考 · 具体条目入口

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

  35. Onboarding Step Carousel

    动效参考 · 具体条目入口

    相关词:轮播、轮播图、卡片、光标、鼠标、指针、交错、逐个出现、动画、动效、AI、人工智能

  36. Mobile Tab Navigation

    动效参考 · 具体条目入口

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

  37. Subscription Tier Selector

    动效参考 · 具体条目入口

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

  38. Wheel Datetime Sheet

    动效参考 · 具体条目入口

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

  39. Selectable Option List

    动效参考 · 具体条目入口

    相关词:按钮、选择器、下拉选择、徽章、状态标签、卡片、列表、光标、鼠标、指针、动画、动效

  40. Wellness Onboarding Morph

    动效参考 · 具体条目入口

    相关词:图表、光标、鼠标、指针、文字、文本、AI、人工智能

  41. Pulsing Aura Metric Badge

    动效参考 · 具体条目入口

    相关词:环形、圆形、徽章、状态标签、发光、光晕、光标、鼠标、指针、AI、人工智能

  42. Digital Compass Dial

    动效参考 · 具体条目入口

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

  43. Pricing Plan Selector Cta

    动效参考 · 具体条目入口

    相关词:按钮、选择器、下拉选择、定价、价格、光标、鼠标、指针、文字、文本、AI、人工智能

  44. Score Summary Modal

    动效参考 · 具体条目入口

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

  45. Heartbeat Pulse Visualizer

    动效参考 · 具体条目入口

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

  46. Tabbed Leaderboard Switcher

    动效参考 · 具体条目入口

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

  47. Scrubbable Multi Line Chart

    动效参考 · 具体条目入口

    相关词:图表、折线、线条、光标、鼠标、指针、拖拽、拖动、AI、人工智能

  48. Mobile Filter Bottom Sheet

    动效参考 · 具体条目入口

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

  49. Swipe Up Reveal Card

    动效参考 · 具体条目入口

    相关词:抽屉、面板、卡片、光标、鼠标、指针、揭示、出现、入场、动画、动效、滑动

  50. Sequential Progress Loader

    动效参考 · 具体条目入口

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

  51. Avatar Orbit Showcase

    动效参考 · 具体条目入口

    相关词:轮播、轮播图、头像、首屏、主视觉、光标、鼠标、指针、AI、人工智能

  52. Card To Fullscreen Detail

    动效参考 · 具体条目入口

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

  53. Multi Column Icon Marquee Onboarding

    动效参考 · 具体条目入口

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

  54. Spotlight Onboarding Tooltip

    动效参考 · 具体条目入口

    相关词:气泡、弹出框、提示、工具提示、卡片、光标、鼠标、指针、动画、动效、AI、人工智能

  55. Swipe View Pager

    动效参考 · 具体条目入口

    相关词:滑块、滑杆、日历、光标、鼠标、指针、滑动、手势、AI、人工智能

  56. Orbital Onboarding Progress

    动效参考 · 具体条目入口

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

  57. Streak Celebration Screen

    动效参考 · 具体条目入口

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

  58. Expandable Account Card

    动效参考 · 具体条目入口

    相关词:手风琴、折叠面板、卡片、列表、光标、鼠标、指针、动画、动效、AI、人工智能、图标

  59. Rocket Speed Quiz Card

    动效参考 · 具体条目入口

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

  60. Score Results Loader

    动效参考 · 具体条目入口

    相关词:环形、圆形、加载、加载动画、转圈、光标、鼠标、指针、滚动、动画、动效、AI

  61. Countdown Cards Onboarding Reel

    动效参考 · 具体条目入口

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

  62. Binary Swipe Classifier

    动效参考 · 具体条目入口

    相关词:徽章、状态标签、光标、鼠标、指针、滑动、手势、AI、人工智能

  63. Promo Popover Card

    动效参考 · 具体条目入口

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

  64. Wheel Date Picker

    动效参考 · 具体条目入口

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

  65. Multi Step Onboarding Flow

    动效参考 · 具体条目入口

    相关词:轮播、轮播图、复选框、多选框、列表、光标、鼠标、指针、淡入、淡出、动画、动效

  66. Sequential Progress Checklist

    动效参考 · 具体条目入口

    相关词:列表、进度条、光标、鼠标、指针、滚动、揭示、出现、入场、文字、文本、动画

  67. Voice Settings Sheet

    动效参考 · 具体条目入口

    相关词:抽屉、面板、轮播、轮播图、卡片、光标、鼠标、指针、拖拽、拖动、AI、人工智能

  68. Auto Advancing Feature Carousel

    动效参考 · 具体条目入口

    相关词:轮播、轮播图、定价、价格、光标、鼠标、指针、淡入、淡出、AI、人工智能

  69. Pace Goal Slider

    动效参考 · 具体条目入口

    相关词:滑块、滑杆、徽章、状态标签、光标、鼠标、指针、AI、人工智能

  70. Mobile Onboarding Step Carousel

    动效参考 · 具体条目入口

    相关词:轮播、轮播图、按钮、分页、卡片、光标、鼠标、指针、AI、人工智能

  71. Character Onboarding Reveal

    动效参考 · 具体条目入口

    相关词:按钮、头像、首屏、主视觉、光标、鼠标、指针、揭示、出现、入场、动画、动效

  72. Expandable Card Detail

    动效参考 · 具体条目入口

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

  73. Streak Milestone Reveal

    动效参考 · 具体条目入口

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

  74. Trend Indicator Card

    动效参考 · 具体条目入口

    相关词:头像、徽章、状态标签、卡片、光标、鼠标、指针、滚动、动画、动效、AI、人工智能

  75. Canvas Workspace Tool Rail

    动效参考 · 具体条目入口

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

  76. Animated Metric Cycler

    动效参考 · 具体条目入口

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

  77. Score Tally Celebration

    动效参考 · 具体条目入口

    相关词:徽章、状态标签、光标、鼠标、指针、动画、动效、AI、人工智能

  78. Animated Metric Comparison Chart

    动效参考 · 具体条目入口

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

  79. Floating Bubble Selector

    动效参考 · 具体条目入口

    相关词:环形、圆形、选择器、下拉选择、粒子、光标、鼠标、指针、动画、动效、AI、人工智能

  80. Session Stats Reveal

    动效参考 · 具体条目入口

    相关词:徽章、状态标签、光标、鼠标、指针、滚动、揭示、出现、入场、动画、动效、AI