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

交互动效

Ripplix

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

进入原站读取本页 JSON

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

资源与访问条件

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

目录入口

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

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

  1. Rolling Text Button

    动效参考 · 具体条目入口

    相关词：按钮、折线、线条、悬停、鼠标悬停、光标、鼠标、指针、文字、文本、AI、人工智能

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

  2. Pill Cta Hover Fill

    动效参考 · 具体条目入口

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

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

  3. Synchronized Hero Cycler

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、卡片、首屏、主视觉、光标、鼠标、指针、文字、文本、打字机、AI

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

  4. Profile Quote Hover Card

    动效参考 · 具体条目入口

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

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

  5. Scroll Animation

    动效参考 · 具体条目入口

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

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

  6. Interactive Hover List

    动效参考 · 具体条目入口

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

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

  7. Decorative Cross Grid

    动效参考 · 具体条目入口

    相关词：网格、首屏、主视觉、悬停、鼠标悬停、光标、鼠标、指针、AI、人工智能、关闭、叉号

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

  8. Ambient Floating Particles

    动效参考 · 具体条目入口

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

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

  9. Spatial Constellation Testimonials

    动效参考 · 具体条目入口

    相关词：卡片、用户评价、光标、鼠标、指针、AI、人工智能

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

  10. Angled Book Carousel

    动效参考 · 具体条目入口

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

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

  11. Scroll Animation

    动效参考 · 具体条目入口

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

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

  12. 3D Hero Dashboard Transition

    动效参考 · 具体条目入口

    相关词：首屏、主视觉、光标、鼠标、指针、滚动、三维、3D、AI、人工智能、仪表盘、后台

    已核验画面：居中首屏、浅色、鲜明色彩 · 2026-10-14

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

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

  13. Orbital Avatar Hub

    动效参考 · 具体条目入口

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

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

  14. Interactive Drag Cursor Trigger

    动效参考 · 具体条目入口

    相关词：表单、光标、鼠标、指针、揭示、出现、入场、动画、动效、拖拽、拖动、AI

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

  15. Stacked Card Slider

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、滑块、滑杆、卡片、背景、光标、鼠标、指针、文字、文本、AI

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

  16. Continuous Ticker Marquee

    动效参考 · 具体条目入口

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

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

  17. Interactive Xylophone Bars

    动效参考 · 具体条目入口

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

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

  18. Compact Marquee Pill

    动效参考 · 具体条目入口

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

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

  19. Interactive Split Hero Grid

    动效参考 · 具体条目入口

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

    已核验画面：Bento 功能网格、浅色、鲜明色彩 · 2026-10-14

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

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

  20. Sticky Curtain Reveal Footer

    动效参考 · 具体条目入口

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

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

  21. Waark Project Deck Showcase

    动效参考 · 具体条目入口

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

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

  22. Scroll Zoom Hero Reveal

    动效参考 · 具体条目入口

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

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

  23. Scrollytelling Portal Stage

    动效参考 · 具体条目入口

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

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

  24. Magnetic Circular Cta

    动效参考 · 具体条目入口

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

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

  25. Parallax Hero Stage

    动效参考 · 具体条目入口

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

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

  26. Genre Mood Sampler

    动效参考 · 具体条目入口

    相关词：选择器、下拉选择、标签页、选项卡、卡片、光标、鼠标、指针、动画、动效、AI、人工智能

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

  27. Interactive Feature List

    动效参考 · 具体条目入口

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

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

  28. Timed Media Showcase Card

    动效参考 · 具体条目入口

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

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

  29. Polymorphic Pill Tabs

    动效参考 · 具体条目入口

    相关词：标签页、选项卡、悬停、鼠标悬停、背景、光标、鼠标、指针、文字、文本、动画、动效

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

  30. Staggered Story Card Grid

    动效参考 · 具体条目入口

    相关词：图表、卡片、网格、悬停、鼠标悬停、光标、鼠标、指针、文字、文本、交错、逐个出现

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

  31. Luminous Pill Cta

    动效参考 · 具体条目入口

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

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

  32. Rolling Cta Button

    动效参考 · 具体条目入口

    相关词：按钮、悬停、鼠标悬停、背景、光标、鼠标、指针、文字、文本、动画、动效、AI

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

  33. Audio Ribbon Wave

    动效参考 · 具体条目入口

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

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

  34. Hold Space Fill Hero

    动效参考 · 具体条目入口

    相关词：首屏、主视觉、光标、鼠标、指针、AI、人工智能、线性图标、描边图标、排版、字体

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

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

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

  35. Interactive Hero Card Strip

    动效参考 · 具体条目入口

    相关词：跑马灯、轮播、滚动列表、徽章、状态标签、卡片、首屏、主视觉、悬停、鼠标悬停、光标、鼠标

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

  36. Ai Prompt Hero Input

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、按钮、输入框、首屏、主视觉、光标、鼠标、指针、AI、人工智能

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

  37. Hero Keyword Follower

    动效参考 · 具体条目入口

    相关词：徽章、状态标签、首屏、主视觉、光标、鼠标、指针、文字、文本、动画、动效、AI

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

  38. Multi Row Linked Carousel

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、导航、头像、光标、鼠标、指针、AI、人工智能

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

  39. Floating Pill Segmented Dock

    动效参考 · 具体条目入口

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

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

  40. Floating Presence Capsule

    动效参考 · 具体条目入口

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

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

  41. Liquid Chrome Hero

    动效参考 · 具体条目入口

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

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

  42. Saas Workflow Preview

    动效参考 · 具体条目入口

    相关词：抽屉、轮播、轮播图、首屏、主视觉、光标、鼠标、指针、AI、人工智能、用户

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

  43. Fluid Sphere Hero

    动效参考 · 具体条目入口

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

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

  44. Interactive Shape Grid Cursor Tracker

    动效参考 · 具体条目入口

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

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

  45. Ai Theme Showcase Swap

    动效参考 · 具体条目入口

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

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

  46. Magnetic Cursor Showcase

    动效参考 · 具体条目入口

    相关词：徽章、状态标签、卡片、网格、首屏、主视觉、悬停、鼠标悬停、光标、鼠标、指针、AI

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

  47. Ambient Showcase Card

    动效参考 · 具体条目入口

    相关词：徽章、状态标签、卡片、发光、光晕、渐变、光标、鼠标、指针、动画、动效、三维

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

  48. Scroll Lens Sphere

    动效参考 · 具体条目入口

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

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

  49. Interactive Barchart Tooltip

    动效参考 · 具体条目入口

    相关词：气泡、弹出框、提示、工具提示、图表、悬停、鼠标悬停、光标、鼠标、指针、揭示、出现

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

  50. Button Animation

    动效参考 · 具体条目入口

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

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

  51. Dashboard Card Expand

    动效参考 · 具体条目入口

    相关词：卡片、网格、光标、鼠标、指针、揭示、出现、入场、AI、人工智能、仪表盘、后台

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

  52. Multi Step Onboarding Modal

    动效参考 · 具体条目入口

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

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

  53. Dashboard Widget Card

    动效参考 · 具体条目入口

    相关词：卡片、悬停、鼠标悬停、光标、鼠标、指针、拖拽、拖动、AI、人工智能、仪表盘、后台

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

  54. Collapsible Onboarding Carousel

    动效参考 · 具体条目入口

    相关词：手风琴、折叠面板、轮播、轮播图、滑块、滑杆、卡片、光标、鼠标、指针、AI、人工智能

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

  55. Pill Spinner Loader

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、骨架屏、加载、加载动画、转圈、光标、鼠标、指针、AI、人工智能、仪表盘

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

  56. Hero Feature Expand Banner

    动效参考 · 具体条目入口

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

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

  57. Kanban Board Drag Drop

    动效参考 · 具体条目入口

    相关词：抽屉、卡片、光标、鼠标、指针、翻转、动画、动效、拖拽、拖动、AI、人工智能

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

  58. Horizontal Card Carousel

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、分页、卡片、悬停、鼠标悬停、光标、鼠标、指针、动画、动效、AI

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

  59. Creation Hub Modal

    动效参考 · 具体条目入口

    相关词：弹窗、对话框、模态框、轮播、轮播图、导航、网格、光标、鼠标、指针、AI、人工智能

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

  60. Won Deal Celebration

    动效参考 · 具体条目入口

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

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

  61. Download Status Card

    动效参考 · 具体条目入口

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

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

  62. Dismissible Tip Popover

    动效参考 · 具体条目入口

    相关词：气泡、弹出框、按钮、卡片、光标、鼠标、指针、AI、人工智能、图标

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

  63. Global Search Overlay

    动效参考 · 具体条目入口

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

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

  64. Selectable Tag Cloud

    动效参考 · 具体条目入口

    相关词：按钮、选择器、下拉选择、标签、光标、鼠标、指针、动画、动效、AI、人工智能

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

  65. Multi Step Choice Flow

    动效参考 · 具体条目入口

    相关词：选择器、下拉选择、卡片、光标、鼠标、指针、AI、人工智能

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

  66. Auth Dialog Modal

    动效参考 · 具体条目入口

    相关词：弹窗、对话框、模态框、登录、注册、认证、光标、鼠标、指针、淡入、淡出、AI

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

  67. Guided Product Tour

    动效参考 · 具体条目入口

    相关词：气泡、弹出框、光标、鼠标、指针、滚动、AI、人工智能

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

  68. Celebration Promo Modal

    动效参考 · 具体条目入口

    相关词：弹窗、对话框、模态框、按钮、骨架屏、加载、加载动画、彩纸、庆祝、光标、鼠标、指针

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

  69. Feature Discovery Popover

    动效参考 · 具体条目入口

    相关词：弹窗、对话框、模态框、气泡、弹出框、提示、工具提示、光标、鼠标、指针、淡入、淡出

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

  70. Confetti Celebration Modal

    动效参考 · 具体条目入口

    相关词：弹窗、对话框、模态框、按钮、粒子、彩纸、庆祝、光标、鼠标、指针、揭示、出现

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

  71. Onboarding Feature Carousel

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、分页、进度条、光标、鼠标、指针、动画、动效、AI、人工智能、线性

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

  72. Multi Select Intent Grid

    动效参考 · 具体条目入口

    相关词：弹窗、对话框、模态框、按钮、选择器、下拉选择、网格、光标、鼠标、指针、动画、动效

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

  73. Reveal Animation

    动效参考 · 具体条目入口

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

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

  74. Rotating Text Badge

    动效参考 · 具体条目入口

    相关词：环形、圆形、徽章、状态标签、光标、鼠标、指针、滚动、文字、文本、AI、人工智能

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

  75. Hero Curtain Preloader

    动效参考 · 具体条目入口

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

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

  76. Concentric Rotating Text Badge

    动效参考 · 具体条目入口

    相关词：环形、圆形、按钮、徽章、状态标签、悬停、鼠标悬停、光标、鼠标、指针、滚动、文字

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

  77. Highlighted Typewriter Cycler

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、首屏、主视觉、背景、光标、鼠标、指针、文字、文本、打字机、动画

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

  78. Testimonial Card Carousel

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、导航、徽章、状态标签、卡片、用户评价、光标、鼠标、指针、文字、文本

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

  79. Expanding Pill Action Button

    动效参考 · 具体条目入口

    相关词：环形、圆形、按钮、徽章、状态标签、页脚、悬停、鼠标悬停、光标、鼠标、指针、文字

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

  80. Morph Animation

    动效参考 · 具体条目入口

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

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