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

交互动效

Ripplix

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

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

资源与访问条件

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

目录入口

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

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

  1. Morphing Pricing Card

    动效参考 · 具体条目入口

    相关词:菜单、卡片、定价、价格、光标、鼠标、指针、动画、动效、AI、人工智能

  2. Solflare Faq Accordion

    动效参考 · 具体条目入口

    相关词:手风琴、折叠面板、环形、圆形、徽章、状态标签、列表、常见问题、光标、鼠标、指针、揭示

  3. Masked Roll Text Link

    动效参考 · 具体条目入口

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

  4. Sticky Feature Scroll Showcase

    动效参考 · 具体条目入口

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

  5. Portfolio Hover Inspect Badge

    动效参考 · 具体条目入口

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

  6. Showreel Expand Reveal

    动效参考 · 具体条目入口

    相关词:光标、鼠标、指针、滚动、揭示、出现、入场、文字、文本、AI、人工智能

  7. Rotating Emblem Hero

    动效参考 · 具体条目入口

    相关词:首屏、主视觉、光标、鼠标、指针、滚动、揭示、出现、入场、文字、文本、动画

  8. Hero Pill Button

    动效参考 · 具体条目入口

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

  9. Hover Expanding Pill Navbar

    动效参考 · 具体条目入口

    相关词:导航、导航栏、悬停、鼠标悬停、光标、鼠标、指针、揭示、出现、入场、AI、人工智能

  10. Staggered Parallax Showcase

    动效参考 · 具体条目入口

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

  11. Scroll Stats Banner

    动效参考 · 具体条目入口

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

  12. Oversized Footer Reveal

    动效参考 · 具体条目入口

    相关词:导航、页脚、光标、鼠标、指针、揭示、出现、入场、AI、人工智能

  13. Agency Faq Accordion

    动效参考 · 具体条目入口

    相关词:手风琴、折叠面板、切换、开关、菜单、列表、常见问题、光标、鼠标、指针、文字、文本

  14. Hero Intro Reveal Marquee

    动效参考 · 具体条目入口

    相关词:跑马灯、轮播、滚动列表、菜单、首屏、主视觉、光标、鼠标、指针、滚动、揭示、出现

  15. Synced Article Showcase

    动效参考 · 具体条目入口

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

  16. Floating Nav Dropdown

    动效参考 · 具体条目入口

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

  17. Cursor Parallax Gallery Grid

    动效参考 · 具体条目入口

    相关词:网格、悬停、鼠标悬停、光标、鼠标、指针、画廊、图片展示、AI、人工智能、关闭、叉号

  18. Button Animation

    动效参考 · 具体条目入口

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

  19. Rippling Cloth Flag

    动效参考 · 具体条目入口

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

  20. Expandable Booking Pill

    动效参考 · 具体条目入口

    相关词:按钮、菜单、头像、悬停、鼠标悬停、光标、鼠标、指针、文字、文本、AI、人工智能

  21. Segmented Product Showcase

    动效参考 · 具体条目入口

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

  22. Agency Dropdown Menu Overlay

    动效参考 · 具体条目入口

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

  23. Pill Nav Centered Carousel

    动效参考 · 具体条目入口

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

  24. Floating Metric Cards Grid

    动效参考 · 具体条目入口

    相关词:菜单、卡片、网格、悬停、鼠标悬停、光标、鼠标、指针、三维、3D、AI、人工智能

  25. Cursor Image Trail

    动效参考 · 具体条目入口

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

  26. Stacked Feature Card Reveal

    动效参考 · 具体条目入口

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

  27. Expandable Mega Navbar

    动效参考 · 具体条目入口

    相关词:按钮、菜单、下拉菜单、导航、导航栏、悬停、鼠标悬停、光标、鼠标、指针、揭示、出现

  28. Pill Hover Button

    动效参考 · 具体条目入口

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

  29. Category Select Accordion Card

    动效参考 · 具体条目入口

    相关词:手风琴、折叠面板、选择器、下拉选择、卡片、光标、鼠标、指针、滚动、翻转、动画、动效

  30. Step Process Carousel

    动效参考 · 具体条目入口

    相关词:轮播、轮播图、滑块、滑杆、导航、光标、鼠标、指针、AI、人工智能

  31. Concentric Orbit Ecosystem

    动效参考 · 具体条目入口

    相关词:环形、圆形、按钮、悬停、鼠标悬停、光标、鼠标、指针、揭示、出现、入场、动画

  32. Infinite Metrics Ticker Strip

    动效参考 · 具体条目入口

    相关词:跑马灯、轮播、滚动列表、卡片、光标、鼠标、指针、拖拽、拖动、AI、人工智能

  33. Portfolio Hover Grid

    动效参考 · 具体条目入口

    相关词:菜单、卡片、网格、悬停、鼠标悬停、光标、鼠标、指针、揭示、出现、入场、模糊

  34. Scroll Ripple Feature Showcase

    动效参考 · 具体条目入口

    相关词:徽章、状态标签、卡片、涟漪、波纹、光标、鼠标、指针、滚动、动画、动效、AI

  35. Continuous Marquee Ticker

    动效参考 · 具体条目入口

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

  36. Pricing Tier Toggle

    动效参考 · 具体条目入口

    相关词:切换、开关、卡片、定价、价格、光标、鼠标、指针、AI、人工智能

  37. Kinetic Geometric Hero

    动效参考 · 具体条目入口

    相关词:首屏、主视觉、悬停、鼠标悬停、光标、鼠标、指针、动画、动效、AI、人工智能

  38. Arched Team Hover Reveal

    动效参考 · 具体条目入口

    相关词:折线、线条、卡片、悬停、鼠标悬停、光标、鼠标、指针、揭示、出现、入场、AI

  39. Team Card Grid Hover

    动效参考 · 具体条目入口

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

  40. Team Roster Grid

    动效参考 · 具体条目入口

    相关词:卡片、网格、光标、鼠标、指针、滚动、揭示、出现、入场、动画、动效、AI

  41. Avatar Orb Callout

    动效参考 · 具体条目入口

    相关词:头像、渐变、光标、鼠标、指针、文字、文本、AI、人工智能

  42. Scroll Morph Tile Matrix

    动效参考 · 具体条目入口

    相关词:网格、进度条、光标、鼠标、指针、滚动、动画、动效、AI、人工智能、首页、房子

  43. Segmented Pricing Table

    动效参考 · 具体条目入口

    相关词:表格、数据表格、选择器、下拉选择、标签页、选项卡、定价、价格、光标、鼠标、指针、AI

  44. Vertical Feature Slider

    动效参考 · 具体条目入口

    相关词:轮播、轮播图、滑块、滑杆、导航、侧边栏、光标、鼠标、指针、AI、人工智能、首页

  45. Interactive Localization Card

    动效参考 · 具体条目入口

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

  46. Sticky Stacked Cards

    动效参考 · 具体条目入口

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

  47. Curved Card Carousel

    动效参考 · 具体条目入口

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

  48. Parallax Showcase Grid

    动效参考 · 具体条目入口

    相关词:徽章、状态标签、网格、光标、鼠标、指针、滚动、动画、动效、图片、画廊、图片展示

  49. Scale Animation

    动效参考 · 具体条目入口

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

  50. Shared Layout Card Grid

    动效参考 · 具体条目入口

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

  51. Project Expand Viewport

    动效参考 · 具体条目入口

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

  52. Stacked Text Feature Hero

    动效参考 · 具体条目入口

    相关词:徽章、状态标签、首屏、主视觉、光标、鼠标、指针、滚动、揭示、出现、入场、文字

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

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

  53. Infinite Card Marquee

    动效参考 · 具体条目入口

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

  54. Fanned Card Hero Deck

    动效参考 · 具体条目入口

    相关词:卡片、首屏、主视觉、悬停、鼠标悬停、光标、鼠标、指针、动画、动效、AI、人工智能

  55. Interactive Sticker Cluster

    动效参考 · 具体条目入口

    相关词:徽章、状态标签、首屏、主视觉、悬停、鼠标悬停、光标、鼠标、指针、动画、动效、交互

  56. Hero Rotating Text Badge

    动效参考 · 具体条目入口

    相关词:轮播、轮播图、徽章、状态标签、首屏、主视觉、光标、鼠标、指针、文字、文本、动画

  57. Cursor Image Trail

    动效参考 · 具体条目入口

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

  58. Scattered Canvas Grid

    动效参考 · 具体条目入口

    相关词:网格、光标、鼠标、指针、文字、文本、拖拽、拖动、AI、人工智能

  59. Animated Checklist Item

    动效参考 · 具体条目入口

    相关词:环形、圆形、折线、线条、复选框、多选框、切换、开关、列表、光标、鼠标、指针

  60. Auto Advancing Feature Carousel

    动效参考 · 具体条目入口

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

  61. Onboarding Permission Checklist

    动效参考 · 具体条目入口

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

  62. Letter Submission Transition

    动效参考 · 具体条目入口

    相关词:卡片、加载、加载动画、转圈、光标、鼠标、指针、滚动、聊天、对话、AI、人工智能

  63. Expandable Music Player Sheet

    动效参考 · 具体条目入口

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

  64. Adaptive Bottom Sheet Picker

    动效参考 · 具体条目入口

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

  65. Sheet View Switcher

    动效参考 · 具体条目入口

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

  66. Confetti Achievement Card

    动效参考 · 具体条目入口

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

  67. Workout Session Tracker

    动效参考 · 具体条目入口

    相关词:环形、圆形、光标、鼠标、指针、AI、人工智能、暂停

  68. Scroll Animation

    动效参考 · 具体条目入口

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

  69. Long Press Context Menu

    动效参考 · 具体条目入口

    相关词:菜单、空状态、发光、光晕、光标、鼠标、指针、动画、动效、AI、人工智能

  70. Drag Action Dock

    动效参考 · 具体条目入口

    相关词:程序坞、导航、列表、光标、鼠标、指针、揭示、出现、入场、拖拽、拖动、AI

  71. Report Sheet Menu

    动效参考 · 具体条目入口

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

  72. Stacked Card Expand Modal

    动效参考 · 具体条目入口

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

  73. Splash Onboarding Reveal

    动效参考 · 具体条目入口

    相关词:按钮、光标、鼠标、指针、揭示、出现、入场、模糊、交错、逐个出现、AI、人工智能

  74. Dual Tier Sidebar Drawer

    动效参考 · 具体条目入口

    相关词:抽屉、导航、侧边栏、光标、鼠标、指针、揭示、出现、入场、AI、人工智能、图标

  75. Annotated Onboarding Reveal

    动效参考 · 具体条目入口

    相关词:按钮、折线、线条、光标、鼠标、指针、揭示、出现、入场、文字、文本、动画

  76. User Account Popover

    动效参考 · 具体条目入口

    相关词:气泡、弹出框、菜单、导航、卡片、光标、鼠标、指针、揭示、出现、入场、AI

  77. Contextual Action Menu

    动效参考 · 具体条目入口

    相关词:环形、圆形、按钮、菜单、下拉菜单、导航、悬停、鼠标悬停、光标、鼠标、指针、AI

  78. Card To Modal Transition

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、菜单、导航、卡片、光标、鼠标、指针、AI、人工智能、仪表盘

  79. Template Preview Modal

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、导航、分页、卡片、网格、光标、鼠标、指针、动画、动效

  80. Confirmation Dialog Modal

    动效参考 · 具体条目入口

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