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

交互动效

Ripplix

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

进入原站读取本页 JSON

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

资源与访问条件

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

目录入口

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

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

  1. Parallax Animation

    动效参考 · 具体条目入口

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

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

  2. Interactive Avatar Row

    动效参考 · 具体条目入口

    相关词：头像、标签、卡片、悬停、鼠标悬停、光标、鼠标、指针、揭示、出现、入场、动画

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

  3. Floating Dock Card

    动效参考 · 具体条目入口

    相关词：程序坞、导航、卡片、光标、鼠标、指针、AI、人工智能

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

  4. Segmented Preloader Gate

    动效参考 · 具体条目入口

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

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

  5. Hero Zoom Out Reveal

    动效参考 · 具体条目入口

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

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

  6. Hero Sticker Canvas

    动效参考 · 具体条目入口

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

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

  7. Hero Content Reveal

    动效参考 · 具体条目入口

    相关词：按钮、首屏、主视觉、光标、鼠标、指针、揭示、出现、入场、淡入、淡出、AI

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

  8. Sticker Marquee Banner

    动效参考 · 具体条目入口

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

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

  9. Particle Dispersion Logo

    动效参考 · 具体条目入口

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

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

  10. Project Showcase Feed

    动效参考 · 具体条目入口

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

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

  11. Draggable Floating Canvas

    动效参考 · 具体条目入口

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

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

  12. Interactive Bento Grid

    动效参考 · 具体条目入口

    相关词：模块化布局、格子、卡片、网格、首屏、主视觉、悬停、鼠标悬停、光标、鼠标、指针、揭示

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

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

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

  13. Scroll Text Highlight Badges

    动效参考 · 具体条目入口

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

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

  14. Split Hero Card

    动效参考 · 具体条目入口

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

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

  15. Dynamic Typewriter Headline

    动效参考 · 具体条目入口

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

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

  16. Expanding Icon Grid Tile

    动效参考 · 具体条目入口

    相关词：按钮、徽章、状态标签、网格、首屏、主视觉、光标、鼠标、指针、动画、动效、AI

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

  17. Credential Card Reveal

    动效参考 · 具体条目入口

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

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

  18. Interactive Speaker Roster

    动效参考 · 具体条目入口

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

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

  19. Button Animation

    动效参考 · 具体条目入口

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

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

  20. Liquid Wave Hero Card

    动效参考 · 具体条目入口

    相关词：卡片、首屏、主视觉、光标、鼠标、指针、揭示、出现、入场、模糊、AI、人工智能

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

  21. Interactive Hover Badge Hero

    动效参考 · 具体条目入口

    相关词：折线、线条、徽章、状态标签、首屏、主视觉、悬停、鼠标悬停、光标、鼠标、指针、动画

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

  22. Bounce Animation

    动效参考 · 具体条目入口

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

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

  23. Expandable Subnav Header

    动效参考 · 具体条目入口

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

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

  24. Multi Track Block Hero

    动效参考 · 具体条目入口

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

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

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

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

  25. Badge Testimonial Carousel

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、滑块、滑杆、分页、徽章、状态标签、卡片、用户评价、光标、鼠标、指针

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

  26. Interactive Bento Grid

    动效参考 · 具体条目入口

    相关词：卡片、模块化布局、格子、网格、首屏、主视觉、悬停、鼠标悬停、光标、鼠标、指针、图片

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

  27. Interactive Review Badge

    动效参考 · 具体条目入口

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

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

  28. Hero Floating Elements

    动效参考 · 具体条目入口

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

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

  29. Interactive Team Grid Bio

    动效参考 · 具体条目入口

    相关词：卡片、网格、光标、鼠标、指针、淡入、淡出、文字、文本、图片、AI、人工智能

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

  30. Hero Intro Card

    动效参考 · 具体条目入口

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

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

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

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

  31. Portfolio Hover Grid

    动效参考 · 具体条目入口

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

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

  32. Interactive Canvas Badges

    动效参考 · 具体条目入口

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

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

  33. Live Activity Stream

    动效参考 · 具体条目入口

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

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

  34. Vertical Transaction Stream

    动效参考 · 具体条目入口

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

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

  35. Sync Status Card

    动效参考 · 具体条目入口

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

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

  36. Fintech Feature Trio Grid

    动效参考 · 具体条目入口

    相关词：警告、提示、卡片、网格、首屏、主视觉、光标、鼠标、指针、滚动、动画、动效

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

  37. Feature Card Grid

    动效参考 · 具体条目入口

    相关词：卡片、网格、光标、鼠标、指针、AI、人工智能、地图、排版、字体

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

  38. Auto Cycling Showcase Card

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、徽章、状态标签、卡片、首屏、主视觉、光标、鼠标、指针、动画、动效

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

  39. Tabbed Feature Showcase

    动效参考 · 具体条目入口

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

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

  40. Action Download Button

    动效参考 · 具体条目入口

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

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

  41. Rotating Mascot Banner

    动效参考 · 具体条目入口

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

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

  42. Vertical Tool Dock

    动效参考 · 具体条目入口

    相关词：选择器、下拉选择、程序坞、导航、首屏、主视觉、光标、鼠标、指针、动画、动效、AI

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

  43. Sticker Cloud Reveal

    动效参考 · 具体条目入口

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

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

  44. Dual Direction Marquee Grid

    动效参考 · 具体条目入口

    相关词：跑马灯、轮播、滚动列表、按钮、卡片、网格、光标、鼠标、指针、滚动、动画、动效

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

  45. Bento Tech Metrics Grid

    动效参考 · 具体条目入口

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

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

  46. Floating Ambient Badges Hero

    动效参考 · 具体条目入口

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

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

  47. Horizontal Feature Carousel

    动效参考 · 具体条目入口

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

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

  48. Geometric Interactive Bento Grid

    动效参考 · 具体条目入口

    相关词：模块化布局、格子、卡片、网格、列表、首屏、主视觉、悬停、鼠标悬停、光标、鼠标、指针

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

  49. Interactive Feature Carousel

    动效参考 · 具体条目入口

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

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

  50. Feature Card Security Simulation

    动效参考 · 具体条目入口

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

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

  51. Hero Scatter Float Cluster

    动效参考 · 具体条目入口

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

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

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

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

  52. Before After Expansion Card

    动效参考 · 具体条目入口

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

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

  53. Bento Feature Showcase

    动效参考 · 具体条目入口

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

    已核验画面：Bento 功能网格、浅色、简洁留白 · 2026-10-14

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

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

  54. Badge Animation

    动效参考 · 具体条目入口

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

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

  55. Studio Project Stage

    动效参考 · 具体条目入口

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

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

  56. Interactive Feature Orb Cluster

    动效参考 · 具体条目入口

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

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

  57. Pixel Text Reveal

    动效参考 · 具体条目入口

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

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

  58. Vertical Showcase Wall

    动效参考 · 具体条目入口

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

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

  59. Typewriter Headline Rotator

    动效参考 · 具体条目入口

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

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

  60. Interactive Orbital Constellation

    动效参考 · 具体条目入口

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

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

  61. Neural Pipeline Connector

    动效参考 · 具体条目入口

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

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

  62. Glyph Cycle Heading

    动效参考 · 具体条目入口

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

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

  63. Hero Feature Spotlight Cards

    动效参考 · 具体条目入口

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

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

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

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

  64. Hero Drifting Ambient Canvas

    动效参考 · 具体条目入口

    相关词：卡片、首屏、主视觉、背景、光标、鼠标、指针、滚动、淡入、淡出、动画、动效

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

  65. Expanding Feature Showcase

    动效参考 · 具体条目入口

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

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

  66. Mockup Billboard Switcher

    动效参考 · 具体条目入口

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

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

  67. Orbital Avatar Constellation

    动效参考 · 具体条目入口

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

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

  68. Segmented Glow Toggle

    动效参考 · 具体条目入口

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

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

  69. Auto Advancing Spotlight Card

    动效参考 · 具体条目入口

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

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

  70. Isometric Terminal Hero Trigger

    动效参考 · 具体条目入口

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

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

  71. Isometric Feature Grid

    动效参考 · 具体条目入口

    相关词：网格、光标、鼠标、指针、三维、3D、AI、人工智能、图标

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

  72. Ambient Glow Metric Card

    动效参考 · 具体条目入口

    相关词：卡片、发光、光晕、光束、粒子、光标、鼠标、指针、滚动、AI、人工智能

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

  73. Scroll Synced Brand Reel

    动效参考 · 具体条目入口

    相关词：用户评价、光标、鼠标、指针、滚动、淡入、淡出、动画、动效、AI、人工智能

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

  74. Technical Grid Carousel

    动效参考 · 具体条目入口

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

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

  75. Episode List Hover Pill

    动效参考 · 具体条目入口

    相关词：头像、卡片、列表、悬停、鼠标悬停、背景、光标、鼠标、指针、AI、人工智能

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

  76. Multi Segmented Interactive Preview

    动效参考 · 具体条目入口

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

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

  77. Interactive Feature Showcase

    动效参考 · 具体条目入口

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

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

  78. Preview Reveal Card Grid

    动效参考 · 具体条目入口

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

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

  79. Hero Action Card Reveal

    动效参考 · 具体条目入口

    相关词：按钮、卡片、首屏、主视觉、光标、鼠标、指针、揭示、出现、入场、淡入、淡出

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

  80. Kinetic Extruded Footer

    动效参考 · 具体条目入口

    相关词：页脚、悬停、鼠标悬停、光标、鼠标、指针、AI、人工智能、线性图标、描边图标、排版、字体

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