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

交互动效

Ripplix

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

进入原站读取本页 JSON

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

资源与访问条件

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

目录入口

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

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

  1. Floating Ambient Hero Shapes

    动效参考 · 具体条目入口

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

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

  2. Animated Counter Stats Grid

    动效参考 · 具体条目入口

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

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

  3. Ribbon Burst Hero

    动效参考 · 具体条目入口

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

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

  4. Logo Marquee Blur Cta

    动效参考 · 具体条目入口

    相关词：跑马灯、轮播、滚动列表、按钮、悬停、鼠标悬停、光标、鼠标、指针、模糊、动画、动效

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

  5. Sliced Text Headline Flipper

    动效参考 · 具体条目入口

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

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

  6. Fal Hero Corner Ticker

    动效参考 · 具体条目入口

    相关词：跑马灯、轮播、滚动列表、徽章、状态标签、首屏、主视觉、光标、鼠标、指针、AI、人工智能

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

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

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

  7. Nav Flyout Menu

    动效参考 · 具体条目入口

    相关词：标签页、选项卡、菜单、导航、导航栏、光标、鼠标、指针、动画、动效、AI、人工智能

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

  8. Tabbed Feature Carousel

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、折线、线条、导航、卡片、光标、鼠标、指针、图片、AI、人工智能

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

  9. Model Gallery Carousel

    动效参考 · 具体条目入口

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

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

  10. Interactive Arrow Button

    动效参考 · 具体条目入口

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

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

  11. Feature Card Grid

    动效参考 · 具体条目入口

    相关词：卡片、模块化布局、格子、网格、悬停、鼠标悬停、光标、鼠标、指针、动画、动效、三维

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

  12. Inverted Outline Button

    动效参考 · 具体条目入口

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

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

  13. Footer Link Arrow Reveal

    动效参考 · 具体条目入口

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

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

  14. Case Study Bento Grid

    动效参考 · 具体条目入口

    相关词：卡片、模块化布局、格子、网格、光标、鼠标、指针、AI、人工智能

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

  15. Interactive Feature Tabs

    动效参考 · 具体条目入口

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

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

  16. Multi Row Signal Marquee

    动效参考 · 具体条目入口

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

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

  17. Benchmark Bar Comparison

    动效参考 · 具体条目入口

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

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

  18. Persona Tabs Card Deck

    动效参考 · 具体条目入口

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

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

  19. Infinite Logo Marquee

    动效参考 · 具体条目入口

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

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

  20. Morphing Nav Dropdown

    动效参考 · 具体条目入口

    相关词：气泡、弹出框、下拉菜单、导航、悬停、鼠标悬停、光标、鼠标、指针、动画、动效、AI

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

  21. Interactive Cta Hover Button

    动效参考 · 具体条目入口

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

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

  22. Scroll Fanned Card Grid

    动效参考 · 具体条目入口

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

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

  23. Infinite Logo Ticker

    动效参考 · 具体条目入口

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

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

  24. Dual Row Action Marquee

    动效参考 · 具体条目入口

    相关词：跑马灯、轮播、滚动列表、命令、搜索、命令面板、渐变、光标、鼠标、指针、滚动、AI

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

  25. Multi Row Infinite Marquee

    动效参考 · 具体条目入口

    相关词：跑马灯、轮播、滚动列表、首屏、主视觉、光标、鼠标、指针、滚动、动画、动效、AI

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

  26. Interactive Feature Card Grid

    动效参考 · 具体条目入口

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

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

  27. Podia Cta Hover Button

    动效参考 · 具体条目入口

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

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

  28. Dark Cta Card

    动效参考 · 具体条目入口

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

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

  29. Infinite Logo Marquee

    动效参考 · 具体条目入口

    相关词：跑马灯、轮播、滚动列表、首屏、主视觉、光标、鼠标、指针、滚动、淡入、淡出、AI

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

  30. Faq Stagger Reveal

    动效参考 · 具体条目入口

    相关词：列表、首屏、主视觉、常见问题、光标、鼠标、指针、滚动、揭示、出现、入场、交错

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

  31. Footer Gem Illustration

    动效参考 · 具体条目入口

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

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

  32. Hero Feature Cards Fan

    动效参考 · 具体条目入口

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

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

  33. Bento Feature Grid

    动效参考 · 具体条目入口

    相关词：徽章、状态标签、模块化布局、格子、卡片、网格、功能区、悬停、鼠标悬停、光标、鼠标、指针

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

  34. Dual Cta Button Group

    动效参考 · 具体条目入口

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

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

  35. Pill Segment Switch

    动效参考 · 具体条目入口

    相关词：选择器、下拉选择、开关、切换、悬停、鼠标悬停、背景、光标、鼠标、指针、AI、人工智能

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

  36. Interactive Data Showcase Grid

    动效参考 · 具体条目入口

    相关词：图表、卡片、网格、悬停、鼠标悬停、光标、鼠标、指针、揭示、出现、入场、AI

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

  37. Scroll Perspective Hero Card

    动效参考 · 具体条目入口

    相关词：导航栏、卡片、首屏、主视觉、进度条、光标、鼠标、指针、滚动、动画、动效、三维

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

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

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

  38. Feature Tabs Showcase

    动效参考 · 具体条目入口

    相关词：开关、标签页、选项卡、标签、光标、鼠标、指针、揭示、出现、入场、AI、人工智能

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

  39. Floating Orbs Hero

    动效参考 · 具体条目入口

    相关词：首屏、主视觉、光标、鼠标、指针、滚动、文字、文本、三维、3D、AI、人工智能

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

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

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

  40. Alternating Column Marquee Grid

    动效参考 · 具体条目入口

    相关词：跑马灯、轮播、滚动列表、卡片、网格、悬停、鼠标悬停、光标、鼠标、指针、揭示、出现

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

  41. Workflow Pipeline Ribbon

    动效参考 · 具体条目入口

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

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

  42. Testimonial Masonry Grid

    动效参考 · 具体条目入口

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

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

  43. Sticky Pricing Comparison Table

    动效参考 · 具体条目入口

    相关词：按钮、表格、数据表格、定价、价格、光标、鼠标、指针、滚动、动画、动效、AI

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

  44. Navbar Dropdown Menu

    动效参考 · 具体条目入口

    相关词：按钮、菜单、下拉菜单、导航、导航栏、列表、光标、鼠标、指针、动画、动效、AI

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

  45. Alternating Scroll Focus

    动效参考 · 具体条目入口

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

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

  46. Morph Animation

    动效参考 · 具体条目入口

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

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

  47. Ai Agent Suggestion Chip

    动效参考 · 具体条目入口

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

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

  48. Hero Feature Scroll Transition

    动效参考 · 具体条目入口

    相关词：导航栏、徽章、状态标签、首屏、主视觉、用户评价、光标、鼠标、指针、滚动、AI、人工智能

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

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

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

  49. Feature Prism Hero

    动效参考 · 具体条目入口

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

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

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

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

  50. Simulated Multiplayer Cursors

    动效参考 · 具体条目入口

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

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

  51. Metric Tabs Area Chart

    动效参考 · 具体条目入口

    相关词：提示、气泡、工具提示、图表、标签页、选项卡、光标、鼠标、指针、AI、人工智能

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

  52. Morphing Nav Dropdown

    动效参考 · 具体条目入口

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

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

  53. Alternating Feature Showcase

    动效参考 · 具体条目入口

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

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

  54. Creator Story Card Grid

    动效参考 · 具体条目入口

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

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

  55. Grid Footer Marquee Reveal

    动效参考 · 具体条目入口

    相关词：跑马灯、轮播、滚动列表、网格、页脚、光标、鼠标、指针、滚动、揭示、出现、入场

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

  56. Action Card Grid

    动效参考 · 具体条目入口

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

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

  57. Staggered Metric Counter Grid

    动效参考 · 具体条目入口

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

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

  58. Vertical Marquee Metrics Grid

    动效参考 · 具体条目入口

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

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

  59. Pill Cta Action

    动效参考 · 具体条目入口

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

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

  60. Pixel Grid Hero

    动效参考 · 具体条目入口

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

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

  61. Expanding Pillar Showcase

    动效参考 · 具体条目入口

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

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

  62. Hero Feature Illustration Loop

    动效参考 · 具体条目入口

    相关词：徽章、状态标签、首屏、主视觉、光标、鼠标、指针、滚动、动画、动效、聊天、对话

    已核验画面：左右分栏、浅色、鲜明色彩 · 2026-10-14

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

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

  63. Pipeline Expansion Graph

    动效参考 · 具体条目入口

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

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

  64. Editorial Project Grid Hero

    动效参考 · 具体条目入口

    相关词：抽屉、导航、卡片、网格、首屏、主视觉、悬停、鼠标悬停、光标、鼠标、指针、画廊

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

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

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

  65. Multi Column Drift Gallery

    动效参考 · 具体条目入口

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

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

  66. Hero Hover Preview Showcase

    动效参考 · 具体条目入口

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

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

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

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

  67. Fullscreen Project Showcase

    动效参考 · 具体条目入口

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

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

  68. Split Portfolio Showcase

    动效参考 · 具体条目入口

    相关词：悬停、鼠标悬停、光标、鼠标、指针、滚动、交错、逐个出现、AI、人工智能、排版、字体

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

  69. Stepped Workspace Showcase

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、标签页、选项卡、光标、鼠标、指针、文字、文本、AI、人工智能

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

  70. Radial Arc Carousel

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、环形、圆形、导航、进度条、光标、鼠标、指针、动画、动效、AI

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

  71. Interactive Hover List Strips

    动效参考 · 具体条目入口

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

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

  72. Intro Hero Reveal

    动效参考 · 具体条目入口

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

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

  73. Layered Glass Hero Stack

    动效参考 · 具体条目入口

    相关词：卡片、首屏、主视觉、发光、光晕、光标、鼠标、指针、动画、动效、三维、3D

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

  74. Tool Integration Accordion

    动效参考 · 具体条目入口

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

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

  75. Scroll Timeline Stepper

    动效参考 · 具体条目入口

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

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

  76. Peek Folder Card Grid

    动效参考 · 具体条目入口

    相关词：卡片、网格、光标、鼠标、指针、揭示、出现、入场、AI、人工智能、文件夹

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

  77. Perspective Carousel Strip

    动效参考 · 具体条目入口

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

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

  78. Curved Badge Card Grid

    动效参考 · 具体条目入口

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

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

  79. Gradient Brand Footer

    动效参考 · 具体条目入口

    相关词：按钮、导航、卡片、表单、注册、页脚、渐变、光标、鼠标、指针、AI、人工智能

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

  80. Flight Calendar Radar Hero

    动效参考 · 具体条目入口

    相关词：按钮、卡片、日历、首屏、主视觉、光标、鼠标、指针、翻转、AI、人工智能

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