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

交互动效

Ripplix

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

进入原站读取本页 JSON

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

资源与访问条件

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

目录入口

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

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

  1. Orbital Hero Prompt

    动效参考 · 具体条目入口

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

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

  2. Typographic Morph Headline

    动效参考 · 具体条目入口

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

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

  3. Social Icon Button Group

    动效参考 · 具体条目入口

    相关词：环形、圆形、按钮、悬停、鼠标悬停、背景、光标、鼠标、指针、AI、人工智能、图标

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

  4. Hero Image Crossfade

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、按钮、首屏、主视觉、悬停、鼠标悬停、背景、光标、鼠标、指针、动画

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

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

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

  5. Phone Feature Showcase Theme Switch

    动效参考 · 具体条目入口

    相关词：开关、徽章、状态标签、标签、通知、消息提示、光标、鼠标、指针、AI、人工智能

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

  6. Typewriter Brand Reveal

    动效参考 · 具体条目入口

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

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

  7. Press Quote Marquee

    动效参考 · 具体条目入口

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

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

  8. Arrow Cta Button

    动效参考 · 具体条目入口

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

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

  9. Social Preview Card Deck

    动效参考 · 具体条目入口

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

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

  10. Split Hero Intro Transition

    动效参考 · 具体条目入口

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

    已核验画面：左右分栏、深色、简洁留白 · 2026-10-14

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

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

  11. Cycling Badge Logo

    动效参考 · 具体条目入口

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

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

  12. Interactive Hover Menu Preview

    动效参考 · 具体条目入口

    相关词：菜单、列表、悬停、鼠标悬停、光标、鼠标、指针、揭示、出现、入场、图片、AI

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

  13. Category Filter Header

    动效参考 · 具体条目入口

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

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

  14. Halftone Team Grid

    动效参考 · 具体条目入口

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

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

  15. Cursor Following Badge Hero

    动效参考 · 具体条目入口

    相关词：环形、圆形、徽章、状态标签、首屏、主视觉、悬停、鼠标悬停、光标、鼠标、指针、AI

    已核验画面：左对齐首屏、浅色、鲜明色彩 · 2026-10-14

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

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

  16. Ai Prompt Source Selector

    动效参考 · 具体条目入口

    相关词：气泡、弹出框、输入框、选择器、下拉选择、菜单、首屏、主视觉、搜索、光标、鼠标、指针

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

  17. Split Hero Nav Preview

    动效参考 · 具体条目入口

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

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

  18. Magnetic Card Cursor Badge

    动效参考 · 具体条目入口

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

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

  19. Continuous Marquee Ribbon

    动效参考 · 具体条目入口

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

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

  20. Kinetic Poster Loop

    动效参考 · 具体条目入口

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

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

  21. Circular Rotating Badge

    动效参考 · 具体条目入口

    相关词：环形、圆形、徽章、状态标签、光标、鼠标、指针、滚动、文字、文本、动画、动效

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

  22. Stat Grid Scroll Reveal

    动效参考 · 具体条目入口

    相关词：卡片、网格、光标、鼠标、指针、滚动、揭示、出现、入场、动画、动效、AI

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

  23. Integration Matrix Hero

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、网格、首屏、主视觉、光标、鼠标、指针、淡入、淡出、文字、文本

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

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

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

  24. Origami Prism Loop

    动效参考 · 具体条目入口

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

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

  25. Status Pill Cycler

    动效参考 · 具体条目入口

    相关词：警告、提示、轮播、轮播图、徽章、状态标签、通知、消息提示、光标、鼠标、指针、动画

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

  26. Full Card Menu Overlay

    动效参考 · 具体条目入口

    相关词：菜单、导航、卡片、首屏、主视觉、光标、鼠标、指针、揭示、出现、入场、动画

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

  27. Scramble Data Grid

    动效参考 · 具体条目入口

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

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

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

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

  28. Scroll Reveal Card Stack

    动效参考 · 具体条目入口

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

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

  29. Curved Sheet Stack

    动效参考 · 具体条目入口

    相关词：抽屉、面板、光标、鼠标、指针、滚动、揭示、出现、入场、AI、人工智能

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

  30. Media Swap Hero

    动效参考 · 具体条目入口

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

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

  31. Synced Accordion Showcase

    动效参考 · 具体条目入口

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

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

  32. Ecommerce Hover Eject Card

    动效参考 · 具体条目入口

    相关词：卡片、悬停、鼠标悬停、光标、鼠标、指针、交错、逐个出现、AI、人工智能

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

  33. Interactive Feature Card Grid

    动效参考 · 具体条目入口

    相关词：按钮、卡片、网格、页脚、悬停、鼠标悬停、光标、鼠标、指针、文字、文本、AI

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

  34. Avatar Testimonial Cloud

    动效参考 · 具体条目入口

    相关词：头像、卡片、网格、用户评价、悬停、鼠标悬停、光标、鼠标、指针、揭示、出现、入场

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

  35. Contact Inquiry Card

    动效参考 · 具体条目入口

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

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

  36. Scroll Triggered Stat Grid

    动效参考 · 具体条目入口

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

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

  37. Action Pill Button

    动效参考 · 具体条目入口

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

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

  38. Slide Action Button

    动效参考 · 具体条目入口

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

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

  39. Project Hover Badge Card

    动效参考 · 具体条目入口

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

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

  40. Pill Hover Button

    动效参考 · 具体条目入口

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

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

  41. Hero Action Button

    动效参考 · 具体条目入口

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

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

  42. Sticky Curtain Footer Reveal

    动效参考 · 具体条目入口

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

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

  43. Nav Link Inspector

    动效参考 · 具体条目入口

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

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

  44. Stat Cards Indicator Grid

    动效参考 · 具体条目入口

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

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

  45. Kinetic Glyph Reveal

    动效参考 · 具体条目入口

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

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

  46. Eccentric Circle Wave

    动效参考 · 具体条目入口

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

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

  47. Media Ticker Marquee

    动效参考 · 具体条目入口

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

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

  48. Footer Nav Magnetic Hover

    动效参考 · 具体条目入口

    相关词：导航、页脚、悬停、鼠标悬停、光标、鼠标、指针、揭示、出现、入场、AI、人工智能

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

  49. View Transition Reveal

    动效参考 · 具体条目入口

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

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

  50. Hero Feature Tabs

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、标签页、选项卡、首屏、主视觉、光标、鼠标、指针、动画、动效、AI

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

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

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

  51. Sticky Stacked Cards

    动效参考 · 具体条目入口

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

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

  52. Scroll Split Feature Showcase

    动效参考 · 具体条目入口

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

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

  53. Flanked Hover Index

    动效参考 · 具体条目入口

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

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

  54. Interactive Showcase List

    动效参考 · 具体条目入口

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

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

  55. Stat Metric Carousel

    动效参考 · 具体条目入口

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

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

  56. Avatar Stack Tooltip

    动效参考 · 具体条目入口

    相关词：提示、气泡、工具提示、头像、光标、鼠标、指针、AI、人工智能

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

  57. Hero Title Entrance Overlay

    动效参考 · 具体条目入口

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

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

  58. Sliding Pill Navbar

    动效参考 · 具体条目入口

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

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

  59. Vertical Tabs Content Swap

    动效参考 · 具体条目入口

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

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

  60. Curtain Overlay Menu

    动效参考 · 具体条目入口

    相关词：菜单、导航、首屏、主视觉、光标、鼠标、指针、揭示、出现、入场、AI、人工智能

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

  61. Scroll Text Highlight

    动效参考 · 具体条目入口

    相关词：卡片、用户评价、进度条、光标、鼠标、指针、滚动、揭示、出现、入场、文字、文本

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

  62. Inline Phrase Rotator

    动效参考 · 具体条目入口

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

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

  63. Floating Cursor Project Grid

    动效参考 · 具体条目入口

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

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

  64. Segmented Tab Switcher

    动效参考 · 具体条目入口

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

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

  65. Auto Cycle Avatar Testimonial

    动效参考 · 具体条目入口

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

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

  66. Infinite Photo Marquee

    动效参考 · 具体条目入口

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

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

  67. Cursor Follow Badge Carousel

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、环形、圆形、徽章、状态标签、卡片、光标、鼠标、指针、动画、动效

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

  68. Color Shift Card Carousel

    动效参考 · 具体条目入口

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

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

  69. Inverted Fill Button

    动效参考 · 具体条目入口

    相关词：按钮、悬停、鼠标悬停、背景、光标、鼠标、指针、文字、文本、AI、人工智能、线性图标

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

  70. Multi Card Slider

    动效参考 · 具体条目入口

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

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

  71. Interactive Hover Pill Button

    动效参考 · 具体条目入口

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

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

  72. Infinite Logo Marquee

    动效参考 · 具体条目入口

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

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

  73. Interactive Map Pins

    动效参考 · 具体条目入口

    相关词：徽章、状态标签、悬停、鼠标悬停、光标、鼠标、指针、揭示、出现、入场、动画、动效

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

  74. Beacon Pulse Pin

    动效参考 · 具体条目入口

    相关词：涟漪、波纹、光标、鼠标、指针、AI、人工智能

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

  75. Staggered Rising Pillars

    动效参考 · 具体条目入口

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

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

  76. Expandable Curtain Card

    动效参考 · 具体条目入口

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

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

  77. Intro Curtain Reveal

    动效参考 · 具体条目入口

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

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

  78. Themed Tab Switcher Card

    动效参考 · 具体条目入口

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

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

  79. Cinematic Hero Intro Reveal

    动效参考 · 具体条目入口

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

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

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

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

  80. Intro Hero Transition

    动效参考 · 具体条目入口

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

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