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

交互动效

Ripplix

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

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

资源与访问条件

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

目录入口

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

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

  1. Pricing Billing Toggle Cards

    动效参考 · 具体条目入口

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

  2. Scroll Reveal Bar Group

    动效参考 · 具体条目入口

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

  3. Navigation Dropdown Menu

    动效参考 · 具体条目入口

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

  4. Metric Bubble Hero

    动效参考 · 具体条目入口

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

  5. Morphing Mega Dropdown

    动效参考 · 具体条目入口

    相关词:轮播、轮播图、菜单、下拉菜单、导航、光标、鼠标、指针、AI、人工智能

  6. Cycling Search Ticker

    动效参考 · 具体条目入口

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

  7. Infinite Showcase Grid UI Animation test

    动效参考 · 具体条目入口

    相关词:网格、动画、动效

  8. Dual Phrase Headline Cycler

    动效参考 · 具体条目入口

    相关词:徽章、状态标签、登录、注册、认证、首屏、主视觉、光标、鼠标、指针、AI、人工智能

  9. Segmented Pricing Calculator

    动效参考 · 具体条目入口

    相关词:卡片、登录、注册、认证、定价、价格、光标、鼠标、指针、动画、动效、AI

  10. Interactive Feature Card Grid

    动效参考 · 具体条目入口

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

  11. Highlighted Comparison Table

    动效参考 · 具体条目入口

    相关词:表格、数据表格、光标、鼠标、指针、AI、人工智能、勾选、成功

  12. Auto Advancing Feature Carousel

    动效参考 · 具体条目入口

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

  13. Animated Faq Accordion

    动效参考 · 具体条目入口

    相关词:手风琴、折叠面板、列表、登录、注册、认证、常见问题、光标、鼠标、指针、动画、动效

  14. Interactive Feature Accordion Showcase

    动效参考 · 具体条目入口

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

  15. Morphing Mega Menu

    动效参考 · 具体条目入口

    相关词:菜单、下拉菜单、导航、登录、注册、认证、光标、鼠标、指针、动画、动效、AI

  16. Pricing Tier Toggle Grid

    动效参考 · 具体条目入口

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

  17. Interactive Feature Accordion Showcase

    动效参考 · 具体条目入口

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

  18. Pricing Billing Toggle

    动效参考 · 具体条目入口

    相关词:开关、切换、徽章、状态标签、定价、价格、光标、鼠标、指针、动画、动效、AI

  19. Cta Action Banner

    动效参考 · 具体条目入口

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

  20. Hero Cta Chat Preview

    动效参考 · 具体条目入口

    相关词:按钮、首屏、主视觉、光标、鼠标、指针、动画、动效、交互、聊天、对话、AI

  21. Sliding Indicator Nav

    动效参考 · 具体条目入口

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

  22. Infinite Phone Showcase Marquee

    动效参考 · 具体条目入口

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

  23. Testimonial Track Carousel

    动效参考 · 具体条目入口

    相关词:轮播、轮播图、分页、卡片、用户评价、光标、鼠标、指针、AI、人工智能、箭头

  24. Auto Advance Testimonial Carousel

    动效参考 · 具体条目入口

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

  25. Pagination Testimonial Carousel

    动效参考 · 具体条目入口

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

  26. Sticker Testimonial Card

    动效参考 · 具体条目入口

    相关词:徽章、状态标签、标签、卡片、用户评价、光标、鼠标、指针、文字、文本、动画、动效

  27. Avatar Gravity Hero Canvas

    动效参考 · 具体条目入口

    相关词:环形、圆形、头像、首屏、主视觉、背景、光标、鼠标、指针、滚动、动画、动效

  28. Hero Action Buttons

    动效参考 · 具体条目入口

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

  29. Sticky Bookcase Showcase

    动效参考 · 具体条目入口

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

  30. Infinite Testimonial Marquee

    动效参考 · 具体条目入口

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

  31. Step Scroll Showcase

    动效参考 · 具体条目入口

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

  32. Interactive Cta Button

    动效参考 · 具体条目入口

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

  33. Interactive Case Study Card

    动效参考 · 具体条目入口

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

  34. Hero Interface Showcase

    动效参考 · 具体条目入口

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

  35. Infinite Logo Ticker

    动效参考 · 具体条目入口

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

  36. Morphing Dropdown Nav

    动效参考 · 具体条目入口

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

  37. Saas Hover Cta Button

    动效参考 · 具体条目入口

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

  38. Goal Tabs Showcase

    动效参考 · 具体条目入口

    相关词:轮播、轮播图、标签页、选项卡、首屏、主视觉、背景、光标、鼠标、指针、AI、人工智能

  39. Glow Cta Card

    动效参考 · 具体条目入口

    相关词:按钮、卡片、悬停、鼠标悬停、发光、光晕、渐变、光标、鼠标、指针、动画、动效

  40. Vertical Feature Scroll

    动效参考 · 具体条目入口

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

  41. Accordion Feature Showcase

    动效参考 · 具体条目入口

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

  42. Cycling Text Roller

    动效参考 · 具体条目入口

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

  43. Fullscreen Overlay Menu

    动效参考 · 具体条目入口

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

  44. Feature Tab Showcase

    动效参考 · 具体条目入口

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

  45. Scroll Morph Card Deck

    动效参考 · 具体条目入口

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

  46. Centered Card Carousel

    动效参考 · 具体条目入口

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

  47. Interactive Hover List

    动效参考 · 具体条目入口

    相关词:列表、悬停、鼠标悬停、背景、光标、鼠标、指针、揭示、出现、入场、动画、动效

  48. Workspace Dropdown Pill

    动效参考 · 具体条目入口

    相关词:按钮、下拉菜单、导航栏、徽章、状态标签、光标、鼠标、指针、AI、人工智能

  49. Theme Preview Switcher

    动效参考 · 具体条目入口

    相关词:标签页、选项卡、背景、光标、鼠标、指针、淡入、淡出、AI、人工智能、仪表盘、后台

  50. Team Profile Card

    动效参考 · 具体条目入口

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

  51. Hero Cta Button

    动效参考 · 具体条目入口

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

  52. Train Door Reveal Hero

    动效参考 · 具体条目入口

    相关词:按钮、卡片、首屏、主视觉、悬停、鼠标悬停、光标、鼠标、指针、揭示、出现、入场

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

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

  53. Morphing Navigation Dropdown

    动效参考 · 具体条目入口

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

  54. Animated Counter Stats Grid

    动效参考 · 具体条目入口

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

  55. Expanding Card Carousel

    动效参考 · 具体条目入口

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

  56. Retro Offset Submit Button

    动效参考 · 具体条目入口

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

  57. Interactive Particle Globe

    动效参考 · 具体条目入口

    相关词:粒子、光标、鼠标、指针、拖拽、拖动、三维、3D、AI、人工智能

  58. Morphing Mega Menu

    动效参考 · 具体条目入口

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

  59. Dual Row Logo Marquee With Tooltip

    动效参考 · 具体条目入口

    相关词:提示、气泡、工具提示、跑马灯、轮播、滚动列表、悬停、鼠标悬停、渐变、光标、鼠标、指针

  60. Vertical Name Ticker

    动效参考 · 具体条目入口

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

  61. Stepped Usage Graph

    动效参考 · 具体条目入口

    相关词:折线、线条、徽章、状态标签、定价、价格、首屏、主视觉、光标、鼠标、指针、AI

  62. Pill Action Button

    动效参考 · 具体条目入口

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

  63. Mega Menu Dropdown

    动效参考 · 具体条目入口

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

  64. Floating Hover List

    动效参考 · 具体条目入口

    相关词:列表、悬停、鼠标悬停、背景、光标、鼠标、指针、AI、人工智能、图标

  65. Synced Accordion Feature Showcase

    动效参考 · 具体条目入口

    相关词:手风琴、折叠面板、标签页、选项卡、光标、鼠标、指针、动画、动效、AI、人工智能

  66. Auto Advancing Feature Tabs

    动效参考 · 具体条目入口

    相关词:轮播、轮播图、标签页、选项卡、进度条、光标、鼠标、指针、AI、人工智能、线性

  67. Interactive Faq Accordion

    动效参考 · 具体条目入口

    相关词:手风琴、折叠面板、切换、开关、卡片、常见问题、光标、鼠标、指针、揭示、出现、入场

  68. Morphing Navigation Menu

    动效参考 · 具体条目入口

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

  69. Loop Animation

    动效参考 · 具体条目入口

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

  70. Hero Mascot Peek

    动效参考 · 具体条目入口

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

  71. Floating Faq Accordion

    动效参考 · 具体条目入口

    相关词:手风琴、折叠面板、列表、常见问题、悬停、鼠标悬停、光标、鼠标、指针、动画、动效、AI

  72. Animated Faq Accordion

    动效参考 · 具体条目入口

    相关词:手风琴、折叠面板、切换、开关、常见问题、光标、鼠标、指针、文字、文本、动画、动效

  73. Scroll Story Stacked Reveal

    动效参考 · 具体条目入口

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

  74. Scroll Expand Showcase

    动效参考 · 具体条目入口

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

  75. Continuous Card Carousel

    动效参考 · 具体条目入口

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

  76. Product Canister Idle Loop

    动效参考 · 具体条目入口

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

  77. Interactive Hover Product Grid

    动效参考 · 具体条目入口

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

  78. Coordinated Hover Action Showcase

    动效参考 · 具体条目入口

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

  79. Scroll Text Crossfade Card

    动效参考 · 具体条目入口

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

  80. Investor Logo Grid Hover

    动效参考 · 具体条目入口

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