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

交互动效

Ripplix

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

进入原站读取本页 JSON

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

资源与访问条件

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

目录入口

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

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

  1. Intro Loader Hero Reveal

    动效参考 · 具体条目入口

    相关词：首屏、主视觉、加载、加载动画、光标、鼠标、指针、揭示、出现、入场、AI、人工智能

    发布者公开目录数据2026-10-14

  2. Badge Animation

    动效参考 · 具体条目入口

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

    发布者公开目录数据2026-10-14

  3. Linked Accordion Carousel

    动效参考 · 具体条目入口

    相关词：手风琴、折叠面板、轮播、轮播图、分页、卡片、列表、首屏、主视觉、光标、鼠标、指针

    发布者公开目录数据2026-10-14

  4. Team Member Card

    动效参考 · 具体条目入口

    相关词：徽章、状态标签、卡片、悬停、鼠标悬停、光标、鼠标、指针、揭示、出现、入场、图片

    发布者公开目录数据2026-10-14

  5. Exclusive Faq Accordion

    动效参考 · 具体条目入口

    相关词：手风琴、折叠面板、选择器、下拉选择、徽章、状态标签、常见问题、光标、鼠标、指针、AI、人工智能

    发布者公开目录数据2026-10-14

  6. Finance Feature Showcase

    动效参考 · 具体条目入口

    相关词：徽章、状态标签、首屏、主视觉、光标、鼠标、指针、三维、3D、AI、人工智能

    发布者公开目录数据2026-10-14

  7. Magnetic Arrow Button

    动效参考 · 具体条目入口

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

    发布者公开目录数据2026-10-14

  8. Confetti Trigger Button

    动效参考 · 具体条目入口

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

    发布者公开目录数据2026-10-14

  9. Avatar Animation

    动效参考 · 具体条目入口

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

    发布者公开目录数据2026-10-14

  10. Parallax Dual Column Scroll Showcase

    动效参考 · 具体条目入口

    相关词：卡片、背景、光标、鼠标、指针、滚动、AI、人工智能

    发布者公开目录数据2026-10-14

  11. Testimonial Card Spinning Badge

    动效参考 · 具体条目入口

    相关词：徽章、状态标签、卡片、用户评价、光标、鼠标、指针、滚动、动画、动效、AI、人工智能

    发布者公开目录数据2026-10-14

  12. Rhythmic Hero Card

    动效参考 · 具体条目入口

    相关词：按钮、折线、线条、卡片、首屏、主视觉、光标、鼠标、指针、动画、动效、AI

    发布者公开目录数据2026-10-14

  13. Reveal Footer Action Pills

    动效参考 · 具体条目入口

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

    发布者公开目录数据2026-10-14

  14. Floating Capsule Navbar

    动效参考 · 具体条目入口

    相关词：按钮、开关、导航、导航栏、光标、鼠标、指针、滚动、动画、动效、AI、人工智能

    发布者公开目录数据2026-10-14

  15. Scroll Card Deck

    动效参考 · 具体条目入口

    相关词：卡片、进度条、光标、鼠标、指针、滚动、AI、人工智能

    发布者公开目录数据2026-10-14

  16. Staggered Team Grid

    动效参考 · 具体条目入口

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

    发布者公开目录数据2026-10-14

  17. Typewriter Rotating Headline

    动效参考 · 具体条目入口

    相关词：光标、鼠标、指针、打字机、打字、AI、人工智能

    发布者公开目录数据2026-10-14

  18. Animated Nav Link Card Grid

    动效参考 · 具体条目入口

    相关词：按钮、导航、卡片、网格、悬停、鼠标悬停、光标、鼠标、指针、动画、动效、AI

    发布者公开目录数据2026-10-14

  19. Single Expand Accordion

    动效参考 · 具体条目入口

    相关词：手风琴、折叠面板、列表、常见问题、光标、鼠标、指针、淡入、淡出、动画、动效、AI

    发布者公开目录数据2026-10-14

  20. Billing Frequency Toggle Pricing Grid

    动效参考 · 具体条目入口

    相关词：切换、开关、卡片、网格、定价、价格、光标、鼠标、指针、动画、动效、AI

    发布者公开目录数据2026-10-14

  21. Resource Card Carousel

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、环形、圆形、按钮、卡片、光标、鼠标、指针、AI、人工智能、箭头

    发布者公开目录数据2026-10-14

  22. Scroll Stage Showcase

    动效参考 · 具体条目入口

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

    发布者公开目录数据2026-10-14

  23. Tabbed Feature Showcase

    动效参考 · 具体条目入口

    相关词：标签页、选项卡、光标、鼠标、指针、AI、人工智能

    发布者公开目录数据2026-10-14

  24. Continuous Logo Marquee

    动效参考 · 具体条目入口

    相关词：跑马灯、轮播、滚动列表、卡片、光标、鼠标、指针、淡入、淡出、AI、人工智能

    发布者公开目录数据2026-10-14

  25. Continuous Logo Marquee Social Proof

    动效参考 · 具体条目入口

    相关词：跑马灯、轮播、滚动列表、卡片、光标、鼠标、指针、滚动、淡入、淡出、动画、动效

    发布者公开目录数据2026-10-14

  26. Dot Map Location Cycler

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、网格、光标、鼠标、指针、AI、人工智能、地图

    发布者公开目录数据2026-10-14

  27. Flick Animation

    动效参考 · 具体条目入口

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

    发布者公开目录数据2026-10-14

  28. Cursor Spotlight Lens

    动效参考 · 具体条目入口

    相关词：环形、圆形、首屏、主视觉、悬停、鼠标悬停、光标、鼠标、指针、动画、动效、交互

    发布者公开目录数据2026-10-14

  29. Fullscreen Invert Menu

    动效参考 · 具体条目入口

    相关词：菜单、导航、光标、鼠标、指针、AI、人工智能、排版、字体

    发布者公开目录数据2026-10-14

  30. Hover Arrow Cta Banner

    动效参考 · 具体条目入口

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

    发布者公开目录数据2026-10-14

  31. Generative Story Card

    动效参考 · 具体条目入口

    相关词：卡片、网格、首屏、主视觉、光标、鼠标、指针、滚动、揭示、出现、入场、文字

    发布者公开目录数据2026-10-14

  32. Deformed Wireframe Orb

    动效参考 · 具体条目入口

    相关词：光标、鼠标、指针、滚动、三维、3D、AI、人工智能

    发布者公开目录数据2026-10-14

  33. Loop Animation

    动效参考 · 具体条目入口

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

    发布者公开目录数据2026-10-14

  34. Hover Preview Card Strip

    动效参考 · 具体条目入口

    相关词：按钮、徽章、状态标签、卡片、悬停、鼠标悬停、背景、光标、鼠标、指针、动画、动效

    发布者公开目录数据2026-10-14

  35. Team Card Grid Hover

    动效参考 · 具体条目入口

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

    发布者公开目录数据2026-10-14

  36. Continuous Metric Tape

    动效参考 · 具体条目入口

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

    发布者公开目录数据2026-10-14

  37. Quadrant Testimonial Tabs

    动效参考 · 具体条目入口

    相关词：标签页、选项卡、用户评价、悬停、鼠标悬停、光标、鼠标、指针、动画、动效、AI、人工智能

    发布者公开目录数据2026-10-14

  38. Portfolio Card Grid

    动效参考 · 具体条目入口

    相关词：按钮、徽章、状态标签、标签、卡片、网格、悬停、鼠标悬停、光标、鼠标、指针、滚动

    发布者公开目录数据2026-10-14

  39. Contextual Hover Follower Pill

    动效参考 · 具体条目入口

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

    发布者公开目录数据2026-10-14

  40. Image Animation

    动效参考 · 具体条目入口

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

    发布者公开目录数据2026-10-14

  41. Synced Feature Accordion Showcase

    动效参考 · 具体条目入口

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

    发布者公开目录数据2026-10-14

  42. Overlapping Card Carousel

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、卡片、用户评价、光标、鼠标、指针、揭示、出现、入场、动画、动效

    发布者公开目录数据2026-10-14

  43. Timeline Feature Carousel

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、滑块、滑杆、光标、鼠标、指针、文字、文本、AI、人工智能

    发布者公开目录数据2026-10-14

  44. Odometer Counter Confetti

    动效参考 · 具体条目入口

    相关词：粒子、彩纸、庆祝、光标、鼠标、指针、AI、人工智能

    发布者公开目录数据2026-10-14

  45. Hero Perspective Morph Slider

    动效参考 · 具体条目入口

    相关词：滑块、滑杆、首屏、主视觉、光标、鼠标、指针、滚动、动画、动效、三维、3D

    发布者公开目录数据2026-10-14

  46. Segmented Accordion List

    动效参考 · 具体条目入口

    相关词：手风琴、折叠面板、卡片、列表、光标、鼠标、指针、揭示、出现、入场、AI、人工智能

    发布者公开目录数据2026-10-14

  47. Two Column Faq Accordion

    动效参考 · 具体条目入口

    相关词：手风琴、折叠面板、切换、开关、网格、常见问题、光标、鼠标、指针、动画、动效、AI

    发布者公开目录数据2026-10-14

  48. Horizontal Timeline Slider

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、滑块、滑杆、按钮、折线、线条、光标、鼠标、指针、拖拽、拖动

    发布者公开目录数据2026-10-14

  49. Topic Directory Grid

    动效参考 · 具体条目入口

    相关词：网格、光标、鼠标、指针、揭示、出现、入场、动画、动效、AI、人工智能、箭头

    发布者公开目录数据2026-10-14

  50. Reveal Animation

    动效参考 · 具体条目入口

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

    发布者公开目录数据2026-10-14

  51. Staggered Timeline Milestones

    动效参考 · 具体条目入口

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

    发布者公开目录数据2026-10-14

  52. Tabbed Constellation Showcase

    动效参考 · 具体条目入口

    相关词：标签页、选项卡、光标、鼠标、指针、AI、人工智能

    发布者公开目录数据2026-10-14

  53. Interactive Hover Button

    动效参考 · 具体条目入口

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

    发布者公开目录数据2026-10-14

  54. Timeline Milestone Slider

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、滑块、滑杆、导航、卡片、进度条、光标、鼠标、指针、AI、人工智能

    发布者公开目录数据2026-10-14

  55. Stacked Case Study Carousel

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、按钮、导航、用户评价、光标、鼠标、指针、AI、人工智能、箭头

    发布者公开目录数据2026-10-14

  56. Hero Headline Split Reveal

    动效参考 · 具体条目入口

    相关词：按钮、首屏、主视觉、背景、光标、鼠标、指针、揭示、出现、入场、文字、文本

    发布者公开目录数据2026-10-14

  57. Ambient Floating Hero

    动效参考 · 具体条目入口

    相关词：首屏、主视觉、渐变、粒子、光标、鼠标、指针、文字、文本、动画、动效、AI

    发布者公开目录数据2026-10-14

  58. Interactive Feature Showcase

    动效参考 · 具体条目入口

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

    发布者公开目录数据2026-10-14

  59. Cursor Tracking Text Reveal Card

    动效参考 · 具体条目入口

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

    发布者公开目录数据2026-10-14

  60. Interactive Parallax Hero

    动效参考 · 具体条目入口

    相关词：首屏、主视觉、渐变、粒子、光标、鼠标、指针、揭示、出现、入场、文字、文本

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

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

    发布者公开目录数据2026-10-14

  61. Dual Panel Testimonial Carousel

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、侧边栏、分页、卡片、列表、用户评价、光标、鼠标、指针、AI、人工智能

    发布者公开目录数据2026-10-14

  62. Tiered Pricing Card

    动效参考 · 具体条目入口

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

    发布者公开目录数据2026-10-14

  63. Continuous Testimonial Marquee

    动效参考 · 具体条目入口

    相关词：跑马灯、轮播、滚动列表、卡片、用户评价、光标、鼠标、指针、滚动、动画、动效、AI

    发布者公开目录数据2026-10-14

  64. Navbar Megamenu Panel

    动效参考 · 具体条目入口

    相关词：菜单、下拉菜单、导航、导航栏、悬停、鼠标悬停、光标、鼠标、指针、动画、动效、AI

    发布者公开目录数据2026-10-14

  65. Layered Hero Showcase

    动效参考 · 具体条目入口

    相关词：按钮、卡片、首屏、主视觉、光标、鼠标、指针、动画、动效、AI、人工智能、仪表盘

    发布者公开目录数据2026-10-14

  66. Floating Hover Card Menu

    动效参考 · 具体条目入口

    相关词：按钮、菜单、卡片、列表、悬停、鼠标悬停、光标、鼠标、指针、动画、动效、AI

    发布者公开目录数据2026-10-14

  67. Retro Stepped Stack Button

    动效参考 · 具体条目入口

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

    发布者公开目录数据2026-10-14

  68. Sliced Grid Hero

    动效参考 · 具体条目入口

    相关词：卡片、网格、首屏、主视觉、背景、光标、鼠标、指针、动画、动效、图片、AI

    发布者公开目录数据2026-10-14

  69. Continuous Score Ticker Marquee

    动效参考 · 具体条目入口

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

    发布者公开目录数据2026-10-14

  70. Pricing Billing Toggle Cards

    动效参考 · 具体条目入口

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

    发布者公开目录数据2026-10-14

  71. Hover Badge Nav List

    动效参考 · 具体条目入口

    相关词：导航、徽章、状态标签、列表、页脚、悬停、鼠标悬停、光标、鼠标、指针、动画、动效

    发布者公开目录数据2026-10-14

  72. Scroll Feature Stepper

    动效参考 · 具体条目入口

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

    发布者公开目录数据2026-10-14

  73. Hero Phone Screen Carousel

    动效参考 · 具体条目入口

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

    发布者公开目录数据2026-10-14

  74. Interactive Integration Cluster

    动效参考 · 具体条目入口

    相关词：徽章、状态标签、悬停、鼠标悬停、光标、鼠标、指针、揭示、出现、入场、AI、人工智能

    发布者公开目录数据2026-10-14

  75. Packet Routing Orbit

    动效参考 · 具体条目入口

    相关词：悬停、鼠标悬停、粒子、光标、鼠标、指针、AI、人工智能、图标

    发布者公开目录数据2026-10-14

  76. Sliding Pill Navbar

    动效参考 · 具体条目入口

    相关词：导航、导航栏、背景、光标、鼠标、指针、文字、文本、AI、人工智能

    发布者公开目录数据2026-10-14

  77. List Animation

    动效参考 · 具体条目入口

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

    发布者公开目录数据2026-10-14

  78. Mega Menu Flyout

    动效参考 · 具体条目入口

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

    发布者公开目录数据2026-10-14

  79. Minimalist Toggle Accordion

    动效参考 · 具体条目入口

    相关词：手风琴、折叠面板、切换、开关、徽章、状态标签、列表、光标、鼠标、指针、动画、动效

    发布者公开目录数据2026-10-14

  80. Interactive Spotlight Footer

    动效参考 · 具体条目入口

    相关词：按钮、导航、页脚、悬停、鼠标悬停、光标、鼠标、指针、动画、动效、AI、人工智能

    发布者公开目录数据2026-10-14