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

交互动效

Ripplix

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

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

资源与访问条件

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

目录入口

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

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

  1. Dual Row Logo Marquee

    动效参考 · 具体条目入口

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

  2. Inline Badge Expansion Hero

    动效参考 · 具体条目入口

    相关词:徽章、状态标签、首屏、主视觉、光标、鼠标、指针、滚动、AI、人工智能、排版、字体

  3. Careers Hero Listing Reveal

    动效参考 · 具体条目入口

    相关词:列表、首屏、主视觉、悬停、鼠标悬停、光标、鼠标、指针、揭示、出现、入场、文字

  4. Ai Search Card Cycler

    动效参考 · 具体条目入口

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

  5. Vertical Hover Accordion Showcase

    动效参考 · 具体条目入口

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

  6. Presence Cursor Follower

    动效参考 · 具体条目入口

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

  7. Vertical Feature List Preview

    动效参考 · 具体条目入口

    相关词:卡片、列表、悬停、鼠标悬停、光标、鼠标、指针、AI、人工智能

  8. Multi Expand Faq Accordion

    动效参考 · 具体条目入口

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

  9. Sliding Pill Tabs

    动效参考 · 具体条目入口

    相关词:标签页、选项卡、悬停、鼠标悬停、发光、光晕、光标、鼠标、指针、动画、动效、AI

  10. Dynamic Tier Pricing Card

    动效参考 · 具体条目入口

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

  11. Dual Column Vertical Marquee

    动效参考 · 具体条目入口

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

  12. Neon Pill Glow Button

    动效参考 · 具体条目入口

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

  13. Interactive Team Grid

    动效参考 · 具体条目入口

    相关词:卡片、网格、光标、鼠标、指针、AI、人工智能、添加、加号、图标

  14. Integration Directory Grid

    动效参考 · 具体条目入口

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

  15. Case Study Card Grid

    动效参考 · 具体条目入口

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

  16. Content Repurpose Burst Cluster

    动效参考 · 具体条目入口

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

  17. Rotating Headline Phrase

    动效参考 · 具体条目入口

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

  18. Interactive Article Feed

    动效参考 · 具体条目入口

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

  19. Inline Badge Hero Headline

    动效参考 · 具体条目入口

    相关词:折线、线条、头像、徽章、状态标签、首屏、主视觉、光标、鼠标、指针、滚动、文字

  20. Fanned Card Deck Reveal

    动效参考 · 具体条目入口

    相关词:卡片、用户评价、光标、鼠标、指针、滚动、揭示、出现、入场、AI、人工智能

  21. Button Animation

    动效参考 · 具体条目入口

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

  22. Interactive Feature Card Grid

    动效参考 · 具体条目入口

    相关词:折线、线条、卡片、网格、悬停、鼠标悬停、光标、鼠标、指针、滚动、AI、人工智能

  23. Glowing Path Metric Hero

    动效参考 · 具体条目入口

    相关词:环形、圆形、首屏、主视觉、进度条、光标、鼠标、指针、滚动、动画、动效、AI

  24. Scroll Animation

    动效参考 · 具体条目入口

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

  25. Continuous Testimonial Marquee

    动效参考 · 具体条目入口

    相关词:跑马灯、轮播、滚动列表、卡片、用户评价、光标、鼠标、指针、滚动、AI、人工智能、线性

  26. Hero Cta Buttons

    动效参考 · 具体条目入口

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

  27. Sticky Scrollspy Tabs

    动效参考 · 具体条目入口

    相关词:标签页、选项卡、侧边栏、光标、鼠标、指针、滚动、动画、动效、AI、人工智能

  28. Bracket Pulse Button

    动效参考 · 具体条目入口

    相关词:按钮、首屏、主视觉、光标、鼠标、指针、交互、动效、AI、人工智能

  29. Nav Flyout Dropdown

    动效参考 · 具体条目入口

    相关词:菜单、下拉菜单、导航、导航栏、悬停、鼠标悬停、光标、鼠标、指针、淡入、淡出、AI

  30. Inline Cta Statement

    动效参考 · 具体条目入口

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

  31. Interactive Pill Matrix

    动效参考 · 具体条目入口

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

  32. Scroll Feature Stack

    动效参考 · 具体条目入口

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

  33. Curved Marquee Ribbon

    动效参考 · 具体条目入口

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

  34. Cycling Feature Preview

    动效参考 · 具体条目入口

    相关词:轮播、轮播图、用户评价、光标、鼠标、指针、AI、人工智能

  35. Fun Fact Metric Carousel

    动效参考 · 具体条目入口

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

  36. Isometric Integration Pulse

    动效参考 · 具体条目入口

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

  37. Expanding Nav Mega Menu

    动效参考 · 具体条目入口

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

  38. Interactive Feature Preview Tabs

    动效参考 · 具体条目入口

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

  39. Neo Brutalist Card Lift

    动效参考 · 具体条目入口

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

  40. List Row Hover Reveal

    动效参考 · 具体条目入口

    相关词:卡片、列表、悬停、鼠标悬停、光标、鼠标、指针、揭示、出现、入场、AI、人工智能

  41. Blog Card Hover Grid

    动效参考 · 具体条目入口

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

  42. Infinite Platform Marquee

    动效参考 · 具体条目入口

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

  43. Timeline Rail Scroll

    动效参考 · 具体条目入口

    相关词:导航、卡片、网格、光标、鼠标、指针、滚动、AI、人工智能

  44. Category Filter Tabs

    动效参考 · 具体条目入口

    相关词:标签页、选项卡、网格、光标、鼠标、指针、揭示、出现、入场、动画、动效、AI

  45. Transition Animation

    动效参考 · 具体条目入口

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

  46. Dual Direction Profile Marquee

    动效参考 · 具体条目入口

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

  47. Feature Card Grid

    动效参考 · 具体条目入口

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

  48. Floating Profile Card Grid

    动效参考 · 具体条目入口

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

  49. Hand Drawn Loop Hero Illustration

    动效参考 · 具体条目入口

    相关词:折线、线条、首屏、主视觉、光标、鼠标、指针、AI、人工智能

  50. Dual Timeline Comparison Slider

    动效参考 · 具体条目入口

    相关词:滑块、滑杆、光标、鼠标、指针、拖拽、拖动、AI、人工智能

  51. Cta Community Links

    动效参考 · 具体条目入口

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

  52. Feed Item Hover Card

    动效参考 · 具体条目入口

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

  53. Dual Card Plan Highlight

    动效参考 · 具体条目入口

    相关词:卡片、背景、光标、鼠标、指针、文字、文本、AI、人工智能

  54. Animated Faq Accordion

    动效参考 · 具体条目入口

    相关词:手风琴、折叠面板、切换、开关、常见问题、光标、鼠标、指针、动画、动效、AI、人工智能

  55. Infinite Logo Ticker

    动效参考 · 具体条目入口

    相关词:跑马灯、轮播、滚动列表、首屏、主视觉、光标、鼠标、指针、滚动、AI、人工智能

  56. Nav Dropdown Menu

    动效参考 · 具体条目入口

    相关词:菜单、下拉菜单、导航、导航栏、悬停、鼠标悬停、光标、鼠标、指针、AI、人工智能

  57. Interactive Hover List Selector

    动效参考 · 具体条目入口

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

  58. Morphing Nav Dropdown

    动效参考 · 具体条目入口

    相关词:菜单、下拉菜单、导航、光标、鼠标、指针、AI、人工智能、关闭、叉号

  59. Hover Arrow Pill Button

    动效参考 · 具体条目入口

    相关词:按钮、悬停、鼠标悬停、光标、鼠标、指针、AI、人工智能、箭头、图标

  60. Nav Dropdown Menu

    动效参考 · 具体条目入口

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

  61. Hero Feature Reveal Card

    动效参考 · 具体条目入口

    相关词:卡片、首屏、主视觉、搜索、光标、鼠标、指针、滚动、揭示、出现、入场、交互

  62. Integration Dock Banner

    动效参考 · 具体条目入口

    相关词:程序坞、导航、光标、鼠标、指针、AI、人工智能

  63. Nav Flyout Dropdown

    动效参考 · 具体条目入口

    相关词:下拉菜单、导航、卡片、悬停、鼠标悬停、光标、鼠标、指针、淡入、淡出、动画、动效

  64. Rotating Hero Headline

    动效参考 · 具体条目入口

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

  65. Sliding Nav Highlight

    动效参考 · 具体条目入口

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

  66. Perspective Pipeline Flow

    动效参考 · 具体条目入口

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

  67. Floating Profile Diorama

    动效参考 · 具体条目入口

    相关词:通知、消息提示、卡片、光标、鼠标、指针、滚动、AI、人工智能、图标

  68. Pricing Table Toggle Grid

    动效参考 · 具体条目入口

    相关词:表格、数据表格、开关、切换、卡片、网格、定价、价格、悬停、鼠标悬停、光标、鼠标

  69. Interactive Feature Showcase

    动效参考 · 具体条目入口

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

  70. Pricing Tier Cards

    动效参考 · 具体条目入口

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

  71. Pill Action Button

    动效参考 · 具体条目入口

    相关词:环形、圆形、按钮、悬停、鼠标悬停、光标、鼠标、指针、文字、文本、AI、人工智能

  72. Category Pill Cloud

    动效参考 · 具体条目入口

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

  73. Team Card Hover Reveal

    动效参考 · 具体条目入口

    相关词:环形、圆形、头像、卡片、悬停、鼠标悬停、光标、鼠标、指针、揭示、出现、入场

  74. Tabbed Feature Showcase

    动效参考 · 具体条目入口

    相关词:标签页、选项卡、导航、卡片、光标、鼠标、指针、AI、人工智能、仪表盘、后台

  75. Testimonial Slider

    动效参考 · 具体条目入口

    相关词:轮播、轮播图、滑块、滑杆、按钮、卡片、用户评价、光标、鼠标、指针、动画、动效

  76. Live Rolling Counter

    动效参考 · 具体条目入口

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

  77. Creator Testimonial Modal Grid

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、按钮、网格、用户评价、光标、鼠标、指针、AI、人工智能、关闭

  78. Testimonial Card Carousel

    动效参考 · 具体条目入口

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

  79. Bento Testimonial Grid

    动效参考 · 具体条目入口

    相关词:头像、卡片、模块化布局、格子、网格、用户评价、悬停、鼠标悬停、光标、鼠标、指针、AI

  80. Card Showcase Carousel

    动效参考 · 具体条目入口

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