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

交互动效

Ripplix

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

进入原站读取本页 JSON

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

资源与访问条件

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

目录入口

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

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

  1. Daily Rewards Modal

    动效参考 · 具体条目入口

    相关词：弹窗、对话框、模态框、网格、登录、登陆、光标、鼠标、指针、动画、动效、交互

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

  2. Rotate Animation

    动效参考 · 具体条目入口

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

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

  3. Vr Vertical Tab Panel

    动效参考 · 具体条目入口

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

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

  4. Spatial Step Modal

    动效参考 · 具体条目入口

    相关词：弹窗、对话框、模态框、悬停、鼠标悬停、光标、鼠标、指针、动画、动效、AI、人工智能

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

  5. Auto Advancing Hero Collage

    动效参考 · 具体条目入口

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

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

  6. Triptych Hero Cta

    动效参考 · 具体条目入口

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

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

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

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

  7. Continuous Illustration Marquee

    动效参考 · 具体条目入口

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

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

  8. Loading Animation

    动效参考 · 具体条目入口

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

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

  9. Stacking Title Feature Scroll

    动效参考 · 具体条目入口

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

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

  10. Scroll Gyroscope Features

    动效参考 · 具体条目入口

    相关词：功能区、光标、鼠标、指针、滚动、揭示、出现、入场、三维、3D、AI、人工智能

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

  11. Vertical Card Stat Cycler

    动效参考 · 具体条目入口

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

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

  12. Scroll Linked Step Showcase

    动效参考 · 具体条目入口

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

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

  13. Minimalist Faq Accordion

    动效参考 · 具体条目入口

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

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

  14. Rolling Nav Link

    动效参考 · 具体条目入口

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

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

  15. Curtain Page Transition

    动效参考 · 具体条目入口

    相关词：导航、加载、转圈、光标、鼠标、指针、动画、动效、AI、人工智能

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

  16. Orbital Case Navigator

    动效参考 · 具体条目入口

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

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

  17. Collapsible Curtain Drawer

    动效参考 · 具体条目入口

    相关词：抽屉、按钮、导航、页脚、背景、光标、鼠标、指针、揭示、出现、入场、AI

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

  18. Hero Action Badge

    动效参考 · 具体条目入口

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

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

  19. Floating Action Navbar

    动效参考 · 具体条目入口

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

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

  20. Slide Over Nav Drawer

    动效参考 · 具体条目入口

    相关词：抽屉、按钮、切换、开关、菜单、导航、悬停、鼠标悬停、光标、鼠标、指针、AI

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

  21. Sliding Service Carousel

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、按钮、导航、卡片、光标、鼠标、指针、动画、动效、拖拽、拖动

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

  22. Phone Stage Showcase

    动效参考 · 具体条目入口

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

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

  23. Split Cross Section Comparison

    动效参考 · 具体条目入口

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

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

  24. Polaroid Stack Carousel

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、徽章、状态标签、卡片、光标、鼠标、指针、文字、文本、动画、动效

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

  25. Alternating Testimonial Carousel

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、按钮、卡片、用户评价、光标、鼠标、指针、文字、文本、AI、人工智能

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

  26. Blog Card Accent Hover

    动效参考 · 具体条目入口

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

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

  27. Categorized Accordion List

    动效参考 · 具体条目入口

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

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

  28. Statement Reveal Banner

    动效参考 · 具体条目入口

    相关词：按钮、折线、线条、光标、鼠标、指针、滚动、揭示、出现、入场、AI、人工智能

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

  29. Bento Proof Grid

    动效参考 · 具体条目入口

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

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

  30. Hero Feature Badge Cta

    动效参考 · 具体条目入口

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

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

  31. Multiplayer Collaborative Hero

    动效参考 · 具体条目入口

    相关词：选择器、下拉选择、头像、卡片、首屏、主视觉、光标、鼠标、指针、文字、文本、动画

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

  32. Categorized Faq Accordion

    动效参考 · 具体条目入口

    相关词：手风琴、折叠面板、常见问题、光标、鼠标、指针、动画、动效、AI、人工智能、添加、加号

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

  33. Team Card Carousel

    动效参考 · 具体条目入口

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

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

  34. Blog Grid Sticky Sidebar

    动效参考 · 具体条目入口

    相关词：侧边栏、网格、搜索、光标、鼠标、指针、滚动、AI、人工智能

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

  35. Cursor Following Card Stack

    动效参考 · 具体条目入口

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

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

  36. Scroll Triggered Metric Counter

    动效参考 · 具体条目入口

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

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

  37. Stepped Process Showcase

    动效参考 · 具体条目入口

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

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

  38. Pill Cta Hover Button

    动效参考 · 具体条目入口

    相关词：按钮、首屏、主视觉、悬停、鼠标悬停、发光、光晕、光标、鼠标、指针、文字、文本

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

  39. Hero Video Crossfade

    动效参考 · 具体条目入口

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

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

  40. Ambient Creator List Preview

    动效参考 · 具体条目入口

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

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

  41. Grid Cell Beacon Carousel

    动效参考 · 具体条目入口

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

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

  42. Scroll Story Card

    动效参考 · 具体条目入口

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

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

  43. Vertical Accordion Tabs Carousel

    动效参考 · 具体条目入口

    相关词：手风琴、折叠面板、轮播、轮播图、标签页、选项卡、卡片、列表、光标、鼠标、指针、动画

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

  44. Billing Interval Pricing Toggle

    动效参考 · 具体条目入口

    相关词：开关、切换、徽章、状态标签、定价、价格、光标、鼠标、指针、AI、人工智能

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

  45. Pill Navbar Switcher

    动效参考 · 具体条目入口

    相关词：标签页、选项卡、导航、导航栏、悬停、鼠标悬停、光标、鼠标、指针、AI、人工智能

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

  46. Folder Tab Carousel

    动效参考 · 具体条目入口

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

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

  47. Horizontal Expanding Accordion

    动效参考 · 具体条目入口

    相关词：手风琴、折叠面板、卡片、光标、鼠标、指针、揭示、出现、入场、动画、动效、AI

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

  48. Bento Hover Reveal Grid

    动效参考 · 具体条目入口

    相关词：卡片、模块化布局、格子、网格、悬停、鼠标悬停、光标、鼠标、指针、揭示、出现、入场

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

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

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

  49. Footer Hover Nav Indicator

    动效参考 · 具体条目入口

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

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

  50. Tabbed Feature Showcase

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、标签页、选项卡、导航、卡片、光标、鼠标、指针、动画、动效、AI

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

  51. Perspective Grid Lattice Voxels

    动效参考 · 具体条目入口

    相关词：网格、首屏、主视觉、光标、鼠标、指针、滚动、动画、动效、三维、3D、AI

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

  52. Isometric Feature Grid

    动效参考 · 具体条目入口

    相关词：按钮、网格、背景、光标、鼠标、指针、滚动、揭示、出现、入场、AI、人工智能

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

  53. Sequential Flow Diagram

    动效参考 · 具体条目入口

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

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

  54. Retro Nav Dropdown

    动效参考 · 具体条目入口

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

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

  55. Interactive Pixel Automaton Grid

    动效参考 · 具体条目入口

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

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

  56. Split Testimonial Carousel

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、分页、卡片、用户评价、光标、鼠标、指针、文字、文本、AI、人工智能

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

  57. Alternating Blog Grid

    动效参考 · 具体条目入口

    相关词：卡片、网格、光标、鼠标、指针、文字、文本、翻转、动画、动效、AI、人工智能

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

  58. Pastel Multi Accordion

    动效参考 · 具体条目入口

    相关词：手风琴、折叠面板、卡片、光标、鼠标、指针、揭示、出现、入场、AI、人工智能、图标

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

  59. Tab Controlled Vertical Stack

    动效参考 · 具体条目入口

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

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

  60. Nav Flyout Menu

    动效参考 · 具体条目入口

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

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

  61. Feature Grid Perspective Preview

    动效参考 · 具体条目入口

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

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

  62. Starry Footer Nav

    动效参考 · 具体条目入口

    相关词：导航、页脚、悬停、鼠标悬停、光标、鼠标、指针、AI、人工智能

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

  63. Pricing Tier Toggle Grid

    动效参考 · 具体条目入口

    相关词：按钮、切换、开关、卡片、网格、定价、价格、光标、鼠标、指针、动画、动效

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

  64. Accordion Animation

    动效参考 · 具体条目入口

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

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

  65. Auto Advancing Hero Carousel

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、首屏、主视觉、进度条、背景、光标、鼠标、指针、文字、文本、AI

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

  66. Cycling Language Pill Button

    动效参考 · 具体条目入口

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

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

  67. Hover Arrow Card Grid

    动效参考 · 具体条目入口

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

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

  68. Hover Expand Feature Grid

    动效参考 · 具体条目入口

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

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

  69. Interactive Footer Nav

    动效参考 · 具体条目入口

    相关词：导航、页脚、光标、鼠标、指针、文字、文本、动画、动效、AI、人工智能、图标

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

  70. Hero Pill Button Pair

    动效参考 · 具体条目入口

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

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

  71. Tabbed Feature Showcase

    动效参考 · 具体条目入口

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

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

  72. Multi Card Stepper Carousel

    动效参考 · 具体条目入口

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

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

  73. Sticky Scroll Feature Walkthrough

    动效参考 · 具体条目入口

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

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

  74. Pricing Interval Toggle Grid

    动效参考 · 具体条目入口

    相关词：切换、开关、卡片、网格、定价、价格、光标、鼠标、指针、AI、人工智能

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

  75. Hero Collage Canvas

    动效参考 · 具体条目入口

    相关词：环形、圆形、徽章、状态标签、卡片、网格、首屏、主视觉、光标、鼠标、指针、动画

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

  76. Interactive Feature Tabs

    动效参考 · 具体条目入口

    相关词：选择器、下拉选择、标签页、选项卡、列表、悬停、鼠标悬停、光标、鼠标、指针、AI、人工智能

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

  77. Annotated Story Reveal Card

    动效参考 · 具体条目入口

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

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

  78. Navbar Pill Button

    动效参考 · 具体条目入口

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

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

  79. Pill Icon Cta Button

    动效参考 · 具体条目入口

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

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

  80. Interactive Feature Accordion Hero

    动效参考 · 具体条目入口

    相关词：手风琴、折叠面板、首屏、主视觉、光标、鼠标、指针、AI、人工智能

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