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

交互动效

Ripplix

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

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

资源与访问条件

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

目录入口

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

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

  1. Perspective Flip Carousel

    动效参考 · 具体条目入口

    相关词:轮播、轮播图、导航、卡片、光标、鼠标、指针、翻转、三维、3D、AI、人工智能

  2. Hero Floating Gallery Countdown

    动效参考 · 具体条目入口

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

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

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

  3. Floating Parallax Hero

    动效参考 · 具体条目入口

    相关词:卡片、网格、首屏、主视觉、光标、鼠标、指针、滚动、三维、3D、AI、人工智能

  4. Button Animation

    动效参考 · 具体条目入口

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

  5. Interactive Service Grid Preview

    动效参考 · 具体条目入口

    相关词:选择器、下拉选择、网格、列表、悬停、鼠标悬停、光标、鼠标、指针、滚动、动画、动效

  6. Stacked Project Deck

    动效参考 · 具体条目入口

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

  7. Industry Card Carousel

    动效参考 · 具体条目入口

    相关词:轮播、轮播图、导航、卡片、悬停、鼠标悬停、光标、鼠标、指针、AI、人工智能

  8. Sticky Badge Logo Marquee

    动效参考 · 具体条目入口

    相关词:跑马灯、轮播、滚动列表、徽章、状态标签、光标、鼠标、指针、淡入、淡出、动画、动效

  9. Scroll Stacked Deck

    动效参考 · 具体条目入口

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

  10. Scroll Reveal Testimonial Card

    动效参考 · 具体条目入口

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

  11. Panoramic Hotspot Showcase

    动效参考 · 具体条目入口

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

  12. Animated Metric Cards Grid

    动效参考 · 具体条目入口

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

  13. Scroll Parallax Location Gallery

    动效参考 · 具体条目入口

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

  14. Horizontal Partition Accordion

    动效参考 · 具体条目入口

    相关词:手风琴、折叠面板、标签页、选项卡、程序坞、导航、首屏、主视觉、光标、鼠标、指针、动画

  15. Interactive Process Accordion

    动效参考 · 具体条目入口

    相关词:手风琴、折叠面板、列表、背景、光标、鼠标、指针、AI、人工智能、图标

  16. Hover Link Image Preview List

    动效参考 · 具体条目入口

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

  17. Segmented Mask Hero Intro

    动效参考 · 具体条目入口

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

  18. Draggable Grid Canvas

    动效参考 · 具体条目入口

    相关词:导航、网格、光标、鼠标、指针、动画、动效、拖拽、拖动、AI、人工智能

  19. Tabbed Feature Showcase

    动效参考 · 具体条目入口

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

  20. Pipeline Activity Stream

    动效参考 · 具体条目入口

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

  21. Glowing Polygon Tunnel

    动效参考 · 具体条目入口

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

  22. Illustrated Stat Scene

    动效参考 · 具体条目入口

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

  23. Button Animation

    动效参考 · 具体条目入口

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

  24. Hero Stacked Cards Theme Toggle

    动效参考 · 具体条目入口

    相关词:开关、切换、卡片、登录、注册、认证、首屏、主视觉、光标、鼠标、指针、滚动

  25. Spotlight Glow Card Grid

    动效参考 · 具体条目入口

    相关词:按钮、卡片、网格、登录、注册、认证、发光、光晕、光标、鼠标、指针、AI

  26. Morphing Graphic Tab Card

    动效参考 · 具体条目入口

    相关词:切换、开关、卡片、光标、鼠标、指针、AI、人工智能

  27. Image Animation

    动效参考 · 具体条目入口

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

  28. Segmented Barcode Tabs

    动效参考 · 具体条目入口

    相关词:轮播、轮播图、折线、线条、标签页、选项卡、光标、鼠标、指针、AI、人工智能

  29. Loop Animation

    动效参考 · 具体条目入口

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

  30. Feature Showcase Grid

    动效参考 · 具体条目入口

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

  31. Multi Row Hero Marquee Grid

    动效参考 · 具体条目入口

    相关词:跑马灯、轮播、滚动列表、徽章、状态标签、网格、首屏、主视觉、光标、鼠标、指针、AI

  32. Infinite Card Marquee

    动效参考 · 具体条目入口

    相关词:轮播、轮播图、跑马灯、滚动列表、卡片、首屏、主视觉、光标、鼠标、指针、AI、人工智能

  33. Continuous Logo Marquee

    动效参考 · 具体条目入口

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

  34. Evasive Cta Button

    动效参考 · 具体条目入口

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

  35. Pill Capsule Expand Button

    动效参考 · 具体条目入口

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

  36. Feature Accordion Showcase

    动效参考 · 具体条目入口

    相关词:手风琴、折叠面板、轮播、轮播图、卡片、列表、光标、鼠标、指针、AI、人工智能

  37. Sticky Roadmap Timeline

    动效参考 · 具体条目入口

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

  38. Continuous Vertical Testimonial Wall

    动效参考 · 具体条目入口

    相关词:跑马灯、轮播、滚动列表、徽章、状态标签、卡片、用户评价、光标、鼠标、指针、AI、人工智能

  39. Interactive Stat Badges

    动效参考 · 具体条目入口

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

  40. Hero Intro Reveal

    动效参考 · 具体条目入口

    相关词:折线、线条、首屏、主视觉、加载、加载动画、进度条、光标、鼠标、指针、揭示、出现

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

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

  41. Ecosystem Feature Grid

    动效参考 · 具体条目入口

    相关词:网格、悬停、鼠标悬停、光标、鼠标、指针、动画、动效、AI、人工智能、关闭、叉号

  42. Changelog Hover List

    动效参考 · 具体条目入口

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

  43. Hero Link Preview Card

    动效参考 · 具体条目入口

    相关词:提示、气泡、工具提示、输入框、卡片、首屏、主视觉、搜索、悬停、鼠标悬停、光标、鼠标

  44. Multi Select Filter Dropdown

    动效参考 · 具体条目入口

    相关词:气泡、弹出框、选择器、下拉选择、菜单、下拉菜单、光标、鼠标、指针、揭示、出现、入场

  45. Qr Code Preview Card

    动效参考 · 具体条目入口

    相关词:切换、开关、卡片、光标、鼠标、指针、揭示、出现、入场、动画、动效、AI

  46. Opal Hero Section

    动效参考 · 具体条目入口

    相关词:按钮、导航、卡片、首屏、主视觉、加载、加载动画、悬停、鼠标悬停、光标、鼠标、指针

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

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

  47. Iridescent Gradient Mesh

    动效参考 · 具体条目入口

    相关词:发光、光晕、渐变、光标、鼠标、指针、滚动、AI、人工智能

  48. Action Card Grid

    动效参考 · 具体条目入口

    相关词:按钮、卡片、网格、悬停、鼠标悬停、光标、鼠标、指针、动画、动效、交互、AI

  49. Dub Customer Badge Ticker

    动效参考 · 具体条目入口

    相关词:切换、开关、徽章、状态标签、首屏、主视觉、光标、鼠标、指针、文字、文本、AI

  50. Interactive Metric Chart Tabs

    动效参考 · 具体条目入口

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

  51. Analytics Breakdown Card

    动效参考 · 具体条目入口

    相关词:卡片、进度条、悬停、鼠标悬停、光标、鼠标、指针、动画、动效、AI、人工智能

  52. Infinite Logo Marquee

    动效参考 · 具体条目入口

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

  53. Chunky Typographic Footer

    动效参考 · 具体条目入口

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

  54. Scroll Animation

    动效参考 · 具体条目入口

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

  55. Fintech Footer Loop

    动效参考 · 具体条目入口

    相关词:折线、线条、网格、页脚、光标、鼠标、指针、滚动、动画、动效、AI、人工智能

  56. Centered Case Study Carousel

    动效参考 · 具体条目入口

    相关词:轮播、轮播图、卡片、悬停、鼠标悬停、光标、鼠标、指针、拖拽、拖动、AI、人工智能

  57. Staged Portfolio Hero

    动效参考 · 具体条目入口

    相关词:卡片、首屏、主视觉、光标、鼠标、指针、揭示、出现、入场、打字机、打字、动画

  58. Interactive 3D Ticket Card

    动效参考 · 具体条目入口

    相关词:卡片、光标、鼠标、指针、三维、3D、AI、人工智能

  59. Infinite Text Marquee

    动效参考 · 具体条目入口

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

  60. Sticky Scroll Marquee Banner

    动效参考 · 具体条目入口

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

  61. Badge Reveal Action Button

    动效参考 · 具体条目入口

    相关词:按钮、徽章、状态标签、首屏、主视觉、悬停、鼠标悬停、光标、鼠标、指针、揭示、出现

  62. Cutout Hero Reveal

    动效参考 · 具体条目入口

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

  63. Interactive Asset Grid

    动效参考 · 具体条目入口

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

  64. Hero Stage Entrance Hover

    动效参考 · 具体条目入口

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

  65. Interactive Partner Grid

    动效参考 · 具体条目入口

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

  66. Animated Bar Chart Card

    动效参考 · 具体条目入口

    相关词:图表、柱状图、卡片、光标、鼠标、指针、滚动、动画、动效、AI、人工智能

  67. Stacked Card Scroll Section

    动效参考 · 具体条目入口

    相关词:卡片、光标、鼠标、指针、滚动、揭示、出现、入场、AI、人工智能

  68. Dual Column Stepped Showcase

    动效参考 · 具体条目入口

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

  69. Dual Split Focus Hero

    动效参考 · 具体条目入口

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

  70. Fanned Card Hover Reveal

    动效参考 · 具体条目入口

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

  71. Button Animation

    动效参考 · 具体条目入口

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

  72. Multiline Hover Marquee List

    动效参考 · 具体条目入口

    相关词:跑马灯、轮播、滚动列表、折线、线条、列表、悬停、鼠标悬停、光标、鼠标、指针、滚动

  73. Domino Cards Aligner

    动效参考 · 具体条目入口

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

  74. Liquid Morph Hero Text

    动效参考 · 具体条目入口

    相关词:首屏、主视觉、背景、光标、鼠标、指针、滚动、模糊、文字、文本、AI、人工智能

  75. Continuous Tag Marquee

    动效参考 · 具体条目入口

    相关词:跑马灯、轮播、滚动列表、徽章、状态标签、标签、光标、鼠标、指针、动画、动效、AI

  76. Kinetic Action Button

    动效参考 · 具体条目入口

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

  77. Feature Lightbox Modal

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、按钮、卡片、光标、鼠标、指针、动画、动效、AI、人工智能

  78. Button Animation

    动效参考 · 具体条目入口

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

  79. Angled Reward Cta

    动效参考 · 具体条目入口

    相关词:按钮、头像、徽章、状态标签、悬停、鼠标悬停、光标、鼠标、指针、AI、人工智能

  80. Scramble Pill Button

    动效参考 · 具体条目入口

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