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

交互动效

Ripplix

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

进入原站读取本页 JSON

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

资源与访问条件

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

目录入口

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

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

  1. Inline Badge Hero

    动效参考 · 具体条目入口

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

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

  2. Editorial Service List

    动效参考 · 具体条目入口

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

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

  3. Announcement Marquee Bar

    动效参考 · 具体条目入口

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

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

  4. Continuous Text Ticker

    动效参考 · 具体条目入口

    相关词：光标、鼠标、指针、文字、文本、AI、人工智能、线性

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

  5. Full Bleed Mega Menu

    动效参考 · 具体条目入口

    相关词：菜单、导航、首屏、主视觉、悬停、鼠标悬停、背景、光标、鼠标、指针、动画、动效

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

  6. Scroll Morph Header

    动效参考 · 具体条目入口

    相关词：按钮、导航、首屏、主视觉、光标、鼠标、指针、滚动、AI、人工智能

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

  7. Accordion Animation

    动效参考 · 具体条目入口

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

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

  8. Category Card Grid

    动效参考 · 具体条目入口

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

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

  9. Framing Text Media Banner

    动效参考 · 具体条目入口

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

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

  10. Kinetic Hero Reveal Drawer

    动效参考 · 具体条目入口

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

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

  11. Hero Task Checklist Card

    动效参考 · 具体条目入口

    相关词：复选框、多选框、卡片、列表、首屏、主视觉、悬停、鼠标悬停、光标、鼠标、指针、动画

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

  12. Luminous Pill Button

    动效参考 · 具体条目入口

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

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

  13. Hero Curtain Reveal

    动效参考 · 具体条目入口

    相关词：抽屉、面板、卡片、首屏、主视觉、光标、鼠标、指针、滚动、揭示、出现、入场

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

  14. Hero Intro Preview Stage

    动效参考 · 具体条目入口

    相关词：导航栏、卡片、首屏、主视觉、悬停、鼠标悬停、光标、鼠标、指针、滚动、动画、动效

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

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

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

  15. Interactive Tessellation Grid

    动效参考 · 具体条目入口

    相关词：按钮、网格、光标、鼠标、指针、淡入、淡出、AI、人工智能

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

  16. Scan Card Reveal

    动效参考 · 具体条目入口

    相关词：按钮、卡片、悬停、鼠标悬停、粒子、光标、鼠标、指针、揭示、出现、入场、模糊

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

  17. Vertical Infinite Reel

    动效参考 · 具体条目入口

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

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

  18. Sliding Highlight Nav Menu

    动效参考 · 具体条目入口

    相关词：折线、线条、菜单、导航、列表、光标、鼠标、指针、AI、人工智能

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

  19. Spherical Portal Gallery

    动效参考 · 具体条目入口

    相关词：滑块、滑杆、光标、鼠标、指针、画廊、图片展示、AI、人工智能

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

  20. Cursor Image Trail

    动效参考 · 具体条目入口

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

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

  21. Poste Golden Hero Showcase

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、首屏、主视觉、页脚、光标、鼠标、指针、动画、动效、AI、人工智能

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

  22. Particle Mesh Callouts

    动效参考 · 具体条目入口

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

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

  23. Magnetic Cursor Card Grid

    动效参考 · 具体条目入口

    相关词：环形、圆形、徽章、状态标签、卡片、网格、悬停、鼠标悬停、光标、鼠标、指针、动画

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

  24. Orbital Sphere Universe

    动效参考 · 具体条目入口

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

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

  25. Editorial Split Project Scroller

    动效参考 · 具体条目入口

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

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

  26. Scroll Statement Media Banner

    动效参考 · 具体条目入口

    相关词：卡片、光标、鼠标、指针、滚动、动画、动效、AI、人工智能、排版、字体

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

  27. Floating Pill Nav

    动效参考 · 具体条目入口

    相关词：选择器、下拉选择、导航、悬停、鼠标悬停、光标、鼠标、指针、AI、人工智能

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

  28. Product Card Hover Reveal

    动效参考 · 具体条目入口

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

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

  29. Org Showcase Accordion

    动效参考 · 具体条目入口

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

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

  30. Continuous Announcement Ticker

    动效参考 · 具体条目入口

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

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

  31. Interlocking Gear Chain

    动效参考 · 具体条目入口

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

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

  32. Optical Lens Trigger

    动效参考 · 具体条目入口

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

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

  33. Ecommerce Product Card Hover

    动效参考 · 具体条目入口

    相关词：按钮、卡片、悬停、鼠标悬停、背景、光标、鼠标、指针、动画、动效、图片、AI

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

  34. Inverting Logo Grid

    动效参考 · 具体条目入口

    相关词：折线、线条、网格、悬停、鼠标悬停、背景、光标、鼠标、指针、AI、人工智能、关闭

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

  35. Hover Reveal Logo Wall

    动效参考 · 具体条目入口

    相关词：按钮、网格、悬停、鼠标悬停、光标、鼠标、指针、揭示、出现、入场、动画、动效

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

  36. Tap Animation

    动效参考 · 具体条目入口

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

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

  37. Loop Animation

    动效参考 · 具体条目入口

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

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

  38. Interactive Feature Card Grid

    动效参考 · 具体条目入口

    相关词：徽章、状态标签、卡片、网格、悬停、鼠标悬停、光标、鼠标、指针、动画、动效、AI

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

  39. Continuous Text Marquee

    动效参考 · 具体条目入口

    相关词：跑马灯、轮播、滚动列表、页脚、光标、鼠标、指针、滚动、文字、文本、AI、人工智能

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

  40. Horizontal Card Ticker

    动效参考 · 具体条目入口

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

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

  41. Pill Hover Action Button

    动效参考 · 具体条目入口

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

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

  42. Organic Node Cluster

    动效参考 · 具体条目入口

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

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

  43. Glowing Border Pill Button

    动效参考 · 具体条目入口

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

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

  44. Auto Advancing Announcement Bar

    动效参考 · 具体条目入口

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

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

  45. Footer Wordmark Reveal

    动效参考 · 具体条目入口

    相关词：页脚、悬停、鼠标悬停、光标、鼠标、指针、揭示、出现、入场、文字、文本、AI

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

  46. Oscillating Wave Bars

    动效参考 · 具体条目入口

    相关词：弹窗、对话框、模态框、表单、光标、鼠标、指针、AI、人工智能

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

  47. Hero Palette Cycler

    动效参考 · 具体条目入口

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

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

  48. Character Letterform Hero

    动效参考 · 具体条目入口

    相关词：导航、首屏、主视觉、光标、鼠标、指针、AI、人工智能、排版、字体

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

  49. Character Animation

    动效参考 · 具体条目入口

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

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

  50. Footer Nav Links

    动效参考 · 具体条目入口

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

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

  51. Hover Tab Image Crossfade

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、标签页、选项卡、卡片、悬停、鼠标悬停、背景、光标、鼠标、指针、图片

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

  52. Cursor Image Trail Hero

    动效参考 · 具体条目入口

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

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

  53. Hero Stage Reveal

    动效参考 · 具体条目入口

    相关词：折线、线条、卡片、首屏、主视觉、光标、鼠标、指针、滚动、揭示、出现、入场

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

  54. Interactive Map Location Stats

    动效参考 · 具体条目入口

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

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

  55. Project Card Hover Badge

    动效参考 · 具体条目入口

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

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

  56. Scroll Driven Floating Gallery

    动效参考 · 具体条目入口

    相关词：卡片、进度条、光标、鼠标、指针、滚动、动画、动效、画廊、图片展示、AI、人工智能

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

  57. Floating Pill Navbar

    动效参考 · 具体条目入口

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

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

  58. Scroll Gallery Hero Banner

    动效参考 · 具体条目入口

    相关词：卡片、首屏、主视觉、光标、鼠标、指针、滚动、揭示、出现、入场、画廊、图片展示

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

  59. Interactive Hover Grid Spotlight

    动效参考 · 具体条目入口

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

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

  60. Glyph Accent Hero

    动效参考 · 具体条目入口

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

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

  61. Animated Metric Grid

    动效参考 · 具体条目入口

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

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

  62. Hero Aperture Reveal

    动效参考 · 具体条目入口

    相关词：首屏、主视觉、进度条、光标、鼠标、指针、滚动、揭示、出现、入场、动画、动效

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

  63. Parallax Hero Billboard

    动效参考 · 具体条目入口

    相关词：首屏、主视觉、进度条、光标、鼠标、指针、滚动、图片、AI、人工智能

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

  64. Multi Location Grid

    动效参考 · 具体条目入口

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

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

  65. Hero Isometric Drift

    动效参考 · 具体条目入口

    相关词：弹窗、对话框、模态框、首屏、主视觉、渐变、光标、鼠标、指针、滚动、动画、动效

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

  66. Hero Drawer Carousel

    动效参考 · 具体条目入口

    相关词：抽屉、轮播、轮播图、导航、首屏、主视觉、光标、鼠标、指针、交互、动效、图片

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

  67. Expanding Panel Gallery

    动效参考 · 具体条目入口

    相关词：悬停、鼠标悬停、光标、鼠标、指针、图片、画廊、图片展示、AI、人工智能

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

  68. Scroll Hero Showcase

    动效参考 · 具体条目入口

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

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

  69. Split Action Reveal

    动效参考 · 具体条目入口

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

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

  70. Segmented Hover Showcase

    动效参考 · 具体条目入口

    相关词：标签、悬停、鼠标悬停、光标、鼠标、指针、淡入、淡出、AI、人工智能

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

  71. Interactive Floating Scatter

    动效参考 · 具体条目入口

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

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

  72. Dual Column Hover Showcase

    动效参考 · 具体条目入口

    相关词：页脚、悬停、鼠标悬停、光标、鼠标、指针、AI、人工智能

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

  73. Inline Ticker Pill

    动效参考 · 具体条目入口

    相关词：徽章、状态标签、首屏、主视觉、光标、鼠标、指针、滚动、文字、文本、AI、人工智能

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

  74. Kinetic Hero Frame

    动效参考 · 具体条目入口

    相关词：首屏、主视觉、光标、鼠标、指针、滚动、动画、动效、AI、人工智能、排版、字体

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

  75. Editorial Preview Grid

    动效参考 · 具体条目入口

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

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

  76. Scroll Morph Hero Card

    动效参考 · 具体条目入口

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

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

  77. Stipple Wave Hero

    动效参考 · 具体条目入口

    相关词：首屏、主视觉、粒子、光标、鼠标、指针、滚动、动画、动效、AI、人工智能

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

  78. Interactive Fluid Hero

    动效参考 · 具体条目入口

    相关词：首屏、主视觉、悬停、鼠标悬停、光标、鼠标、指针、AI、人工智能、排版、字体

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

  79. Layered Scroll Stage

    动效参考 · 具体条目入口

    相关词：卡片、光标、鼠标、指针、滚动、画廊、图片展示、AI、人工智能

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

  80. Interactive Project List Preview

    动效参考 · 具体条目入口

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

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