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

交互动效

Ripplix

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

进入原站读取本页 JSON

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

资源与访问条件

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

目录入口

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

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

  1. Ai Artifact Split Workspace

    动效参考 · 具体条目入口

    相关词：光标、鼠标、指针、聊天、对话、AI、人工智能

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

  2. Animated Pricing Switcher

    动效参考 · 具体条目入口

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

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

  3. Preview Card Radio Group

    动效参考 · 具体条目入口

    相关词：选择器、下拉选择、单选框、卡片、网格、悬停、鼠标悬停、光标、鼠标、指针、动画、动效

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

  4. Modal Dialog Backdrop

    动效参考 · 具体条目入口

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

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

  5. Connector Catalog Modal

    动效参考 · 具体条目入口

    相关词：弹窗、对话框、模态框、网格、搜索、光标、鼠标、指针、滚动、动画、动效、AI

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

  6. Ai Model Picker Dropdown

    动效参考 · 具体条目入口

    相关词：按钮、选择器、下拉选择、菜单、下拉菜单、光标、鼠标、指针、AI、人工智能

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

  7. Prompt Toolbar Popover Menu

    动效参考 · 具体条目入口

    相关词：气泡、弹出框、按钮、切换、开关、菜单、下拉菜单、光标、鼠标、指针、动画、动效

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

  8. Collapsible Sidebar Layout

    动效参考 · 具体条目入口

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

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

  9. Context Dropdown Popover

    动效参考 · 具体条目入口

    相关词：气泡、弹出框、菜单、下拉菜单、光标、鼠标、指针、AI、人工智能

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

  10. Button Animation

    动效参考 · 具体条目入口

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

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

  11. Multi Step Onboarding Card

    动效参考 · 具体条目入口

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

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

  12. Orbital Particle Loop

    动效参考 · 具体条目入口

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

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

  13. Ai Canvas Diagram Generator

    动效参考 · 具体条目入口

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

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

  14. Anchored Callout Card

    动效参考 · 具体条目入口

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

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

  15. Bottom Anchored Menu

    动效参考 · 具体条目入口

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

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

  16. Sticky Pack Dispenser

    动效参考 · 具体条目入口

    相关词：选择器、下拉选择、光标、鼠标、指针、拖拽、拖动、AI、人工智能

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

  17. Docked Toolbar Flyout

    动效参考 · 具体条目入口

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

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

  18. Docked Tool Picker Panel

    动效参考 · 具体条目入口

    相关词：抽屉、列表、悬停、鼠标悬停、光标、鼠标、指针、交互、动效、AI、人工智能

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

  19. Expandable Diagram Panel

    动效参考 · 具体条目入口

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

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

  20. Toolbar Palette Flyout

    动效参考 · 具体条目入口

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

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

  21. Flyout Select Menu

    动效参考 · 具体条目入口

    相关词：选择器、下拉选择、单选框、菜单、列表、光标、鼠标、指针、AI、人工智能

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

  22. Prompt Starter Grid

    动效参考 · 具体条目入口

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

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

  23. Perspective Card Carousel

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、导航、卡片、光标、鼠标、指针、文字、文本、动画、动效、三维

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

  24. App Gallery Card

    动效参考 · 具体条目入口

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

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

  25. Sliding Side Drawer

    动效参考 · 具体条目入口

    相关词：抽屉、光标、鼠标、指针、AI、人工智能、关闭、叉号

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

  26. Ai Feature Card Grid

    动效参考 · 具体条目入口

    相关词：卡片、网格、光标、鼠标、指针、交错、逐个出现、动画、动效、AI、人工智能、图标

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

  27. Quick Action Tile Group

    动效参考 · 具体条目入口

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

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

  28. Segmented Tab Filter List

    动效参考 · 具体条目入口

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

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

  29. Collapsible Sidebar Layout

    动效参考 · 具体条目入口

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

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

  30. Pricing Interval Toggle Table

    动效参考 · 具体条目入口

    相关词：表格、数据表格、切换、开关、定价、价格、光标、鼠标、指针、动画、动效、AI

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

  31. Button Animation

    动效参考 · 具体条目入口

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

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

  32. Appearance Theme Picker

    动效参考 · 具体条目入口

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

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

  33. Collapsible Sidebar Layout

    动效参考 · 具体条目入口

    相关词：手风琴、折叠面板、导航、侧边栏、光标、鼠标、指针、AI、人工智能

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

  34. Stepped Tier Slider

    动效参考 · 具体条目入口

    相关词：滑块、滑杆、选择器、下拉选择、定价、价格、光标、鼠标、指针、动画、动效、AI

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

  35. Kanban Column Reorder

    动效参考 · 具体条目入口

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

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

  36. Kanban Column Quick Add

    动效参考 · 具体条目入口

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

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

  37. Inline Delay Stepper

    动效参考 · 具体条目入口

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

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

  38. Segmented Tab Popover

    动效参考 · 具体条目入口

    相关词：气泡、弹出框、按钮、通知、消息提示、光标、鼠标、指针、动画、动效、AI、人工智能

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

  39. Categorized Template Modal

    动效参考 · 具体条目入口

    相关词：弹窗、对话框、模态框、选择器、下拉选择、侧边栏、卡片、搜索、光标、鼠标、指针、AI

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

  40. Template Picker Modal

    动效参考 · 具体条目入口

    相关词：弹窗、对话框、模态框、侧边栏、卡片、搜索、光标、鼠标、指针、淡入、淡出、AI

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

  41. Animated Bar Chart Card

    动效参考 · 具体条目入口

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

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

  42. Favorite Toggle Action

    动效参考 · 具体条目入口

    相关词：按钮、切换、开关、光标、鼠标、指针、动画、动效、AI、人工智能、线性图标、描边图标

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

  43. Button Animation

    动效参考 · 具体条目入口

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

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

  44. Settings Toggle Switch

    动效参考 · 具体条目入口

    相关词：开关、切换、背景、光标、鼠标、指针、动画、动效、AI、人工智能、设置

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

  45. Modal Dialog Prompt

    动效参考 · 具体条目入口

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

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

  46. Animated Option Group

    动效参考 · 具体条目入口

    相关词：选择器、下拉选择、徽章、状态标签、列表、光标、鼠标、指针、动画、动效、AI、人工智能

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

  47. Sidebar Onboarding Popover List

    动效参考 · 具体条目入口

    相关词：气泡、弹出框、提示、工具提示、侧边栏、列表、光标、鼠标、指针、AI、人工智能

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

  48. Invite Role Dropdown

    动效参考 · 具体条目入口

    相关词：输入框、选择器、下拉选择、菜单、下拉菜单、光标、鼠标、指针、动画、动效、AI、人工智能

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

  49. Interactive Onboarding Preview

    动效参考 · 具体条目入口

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

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

  50. Interactive Preview Dock Tabs

    动效参考 · 具体条目入口

    相关词：弹窗、对话框、模态框、标签页、选项卡、程序坞、导航、首屏、主视觉、光标、鼠标、指针

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

  51. Pricing Switcher Grid

    动效参考 · 具体条目入口

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

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

  52. Vertical Theme Dock Switcher

    动效参考 · 具体条目入口

    相关词：标签页、选项卡、程序坞、导航、页脚、背景、光标、鼠标、指针、AI、人工智能

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

  53. Glass Tube Path Flow

    动效参考 · 具体条目入口

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

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

  54. Button Animation

    动效参考 · 具体条目入口

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

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

  55. Vertical Kinetic Hero Slider

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、滑块、滑杆、首屏、主视觉、光标、鼠标、指针、滚动、文字、文本

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

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

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

  56. Tabbed Feature Showcase

    动效参考 · 具体条目入口

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

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

  57. Dual Opposing Logo Marquee

    动效参考 · 具体条目入口

    相关词：跑马灯、轮播、滚动列表、悬停、鼠标悬停、光标、鼠标、指针、淡入、淡出、动画、动效

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

  58. Live Event Countdown

    动效参考 · 具体条目入口

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

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

  59. Layered Hero Card Entrance

    动效参考 · 具体条目入口

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

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

  60. Geometric Bird Loader

    动效参考 · 具体条目入口

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

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

  61. Angled Reveal Hero

    动效参考 · 具体条目入口

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

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

  62. Angled Marquee Gallery

    动效参考 · 具体条目入口

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

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

  63. 3D Folding Team Card

    动效参考 · 具体条目入口

    相关词：卡片、悬停、鼠标悬停、光标、鼠标、指针、翻转、动画、动效、三维、3D、AI

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

  64. Kinetic Hero Grid Reveal

    动效参考 · 具体条目入口

    相关词：网格、首屏、主视觉、进度条、背景、光标、鼠标、指针、滚动、揭示、出现、入场

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

  65. Staggered Contact Card

    动效参考 · 具体条目入口

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

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

  66. Multi Panel Curtain Menu

    动效参考 · 具体条目入口

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

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

  67. Hero Testimonial Carousel

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、卡片、首屏、主视觉、用户评价、光标、鼠标、指针、交互、动效、AI

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

  68. Interactive Hub Cluster

    动效参考 · 具体条目入口

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

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

  69. Interactive Network Map

    动效参考 · 具体条目入口

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

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

  70. Testimonial Stepper Carousel

    动效参考 · 具体条目入口

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

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

  71. Ai Cta Pill Button

    动效参考 · 具体条目入口

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

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

  72. Helmet Slice Hero

    动效参考 · 具体条目入口

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

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

  73. Logo Aperture Reveal

    动效参考 · 具体条目入口

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

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

  74. Horizontal Parallax Canvas

    动效参考 · 具体条目入口

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

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

  75. Fanned Cards Deck

    动效参考 · 具体条目入口

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

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

  76. Media Hover Reveal Grid

    动效参考 · 具体条目入口

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

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

  77. Editorial Hero Showcase

    动效参考 · 具体条目入口

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

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

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

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

  78. Infinite Logo Marquee Strip

    动效参考 · 具体条目入口

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

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

  79. Fullscreen Media Nav Overlay

    动效参考 · 具体条目入口

    相关词：菜单、导航、网格、悬停、鼠标悬停、光标、鼠标、指针、揭示、出现、入场、AI

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

  80. Scroll Linked Hero Focal Transform

    动效参考 · 具体条目入口

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

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

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

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