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

交互动效

Ripplix

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

进入原站读取本页 JSON

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

资源与访问条件

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

目录入口

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

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

  1. Sliding Pill Navbar

    动效参考 · 具体条目入口

    相关词：导航、导航栏、背景、光标、鼠标、指针、动画、动效、AI、人工智能

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

  2. Cycling Phrase Hero

    动效参考 · 具体条目入口

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

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

  3. Usage Pricing Calculator

    动效参考 · 具体条目入口

    相关词：滑块、滑杆、徽章、状态标签、定价、价格、光标、鼠标、指针、AI、人工智能

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

  4. Exclusive Faq Accordion

    动效参考 · 具体条目入口

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

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

  5. Starburst Cursor Hero

    动效参考 · 具体条目入口

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

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

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

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

  6. Ambient Glow Button

    动效参考 · 具体条目入口

    相关词：按钮、悬停、鼠标悬停、发光、光晕、渐变、光标、鼠标、指针、交互、动效、AI

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

  7. Hero Mode Segmented Control

    动效参考 · 具体条目入口

    相关词：选择器、下拉选择、切换、开关、首屏、主视觉、悬停、鼠标悬停、光标、鼠标、指针、动画

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

  8. Morphing Dropdown Menu

    动效参考 · 具体条目入口

    相关词：菜单、下拉菜单、导航、光标、鼠标、指针、动画、动效、AI、人工智能

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

  9. Pricing Feature Matrix Accordion

    动效参考 · 具体条目入口

    相关词：手风琴、折叠面板、表格、数据表格、定价、价格、光标、鼠标、指针、AI、人工智能

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

  10. Smooth Faq Accordion

    动效参考 · 具体条目入口

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

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

  11. Carousel Animation

    动效参考 · 具体条目入口

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

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

  12. Draggable Gallery Cursor

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、环形、圆形、徽章、状态标签、卡片、光标、鼠标、指针、拖拽、拖动

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

  13. Contact Cta Card

    动效参考 · 具体条目入口

    相关词：按钮、卡片、悬停、鼠标悬停、光标、鼠标、指针、文字、文本、动画、动效、AI

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

  14. Career Filter Dropdown

    动效参考 · 具体条目入口

    相关词：选择器、下拉选择、菜单、下拉菜单、悬停、鼠标悬停、光标、鼠标、指针、揭示、出现、入场

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

  15. Hero Arrow Button

    动效参考 · 具体条目入口

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

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

  16. Action Callout Pill

    动效参考 · 具体条目入口

    相关词：按钮、卡片、命令、搜索、命令面板、悬停、鼠标悬停、发光、光晕、光标、鼠标、指针

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

  17. Expandable Career Accordion

    动效参考 · 具体条目入口

    相关词：手风琴、折叠面板、按钮、切换、开关、光标、鼠标、指针、AI、人工智能、图标

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

  18. Interactive Feature Card Grid

    动效参考 · 具体条目入口

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

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

  19. Newsletter Signup Card

    动效参考 · 具体条目入口

    相关词：按钮、输入框、卡片、注册、悬停、鼠标悬停、光标、鼠标、指针、动画、动效、AI

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

  20. Dual Column Vertical Marquee

    动效参考 · 具体条目入口

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

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

  21. Magnetic Arrow Pill Button

    动效参考 · 具体条目入口

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

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

  22. Interactive Bento Card Grid

    动效参考 · 具体条目入口

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

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

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

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

  23. Feature Accordion Group

    动效参考 · 具体条目入口

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

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

  24. Hero Split Illustration

    动效参考 · 具体条目入口

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

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

  25. Sticky Feature Scroller

    动效参考 · 具体条目入口

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

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

  26. Curved Saas Footer

    动效参考 · 具体条目入口

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

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

  27. Filterable Media Grid

    动效参考 · 具体条目入口

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

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

  28. Split Showcase Grid

    动效参考 · 具体条目入口

    相关词：卡片、网格、悬停、鼠标悬停、光标、鼠标、指针、文字、文本、动画、动效、AI

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

  29. Mega Menu Card Preview

    动效参考 · 具体条目入口

    相关词：菜单、下拉菜单、卡片、悬停、鼠标悬停、光标、鼠标、指针、AI、人工智能

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

  30. Sticky Feature Scroller

    动效参考 · 具体条目入口

    相关词：折线、线条、光标、鼠标、指针、滚动、文字、文本、AI、人工智能

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

  31. Interactive Feature Card Pair

    动效参考 · 具体条目入口

    相关词：标签、卡片、网格、悬停、鼠标悬停、光标、鼠标、指针、动画、动效、三维、3D

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

  32. Dual Split Showcase

    动效参考 · 具体条目入口

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

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

  33. Interactive Hero Pill Button

    动效参考 · 具体条目入口

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

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

  34. Orbital Integration Ring

    动效参考 · 具体条目入口

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

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

  35. Hero Command Glow Reveal

    动效参考 · 具体条目入口

    相关词：输入框、首屏、主视觉、命令、搜索、命令面板、悬停、鼠标悬停、发光、光晕、光束、光标

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

  36. Tabbed Feature Showcase

    动效参考 · 具体条目入口

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

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

  37. Expand Animation

    动效参考 · 具体条目入口

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

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

  38. Fintech Feature Deck

    动效参考 · 具体条目入口

    相关词：选择器、下拉选择、程序坞、导航、卡片、光标、鼠标、指针、滚动、AI、人工智能

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

  39. Hero 3D Turntable Showcase

    动效参考 · 具体条目入口

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

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

  40. Morphing Mega Menu

    动效参考 · 具体条目入口

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

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

  41. Scroll Wave Progress

    动效参考 · 具体条目入口

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

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

  42. Vertical Accordion Feature List

    动效参考 · 具体条目入口

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

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

  43. Outlined Marquee Heading

    动效参考 · 具体条目入口

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

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

  44. Pill Action Toggle

    动效参考 · 具体条目入口

    相关词：按钮、切换、开关、首屏、主视觉、悬停、鼠标悬停、背景、光标、鼠标、指针、AI

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

  45. Vertical Badge Marquee

    动效参考 · 具体条目入口

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

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

  46. Morphing Nav Dropdown

    动效参考 · 具体条目入口

    相关词：菜单、下拉菜单、导航、光标、鼠标、指针、动画、动效、AI、人工智能、用户

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

  47. Interactive Hero 3D Tilt

    动效参考 · 具体条目入口

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

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

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

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

  48. Venn Pulse Diagram

    动效参考 · 具体条目入口

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

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

  49. Horizon Spotlight Arc

    动效参考 · 具体条目入口

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

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

  50. Multi Column Expandable Accordion

    动效参考 · 具体条目入口

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

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

  51. Footer Nav Group

    动效参考 · 具体条目入口

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

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

  52. Morphing Circle Card Grid

    动效参考 · 具体条目入口

    相关词：环形、圆形、卡片、网格、悬停、鼠标悬停、光标、鼠标、指针、揭示、出现、入场

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

  53. Sticky Filterable Accordion

    动效参考 · 具体条目入口

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

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

  54. Fluid Focus Carousel

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、滑块、滑杆、徽章、状态标签、卡片、光标、鼠标、指针、拖拽、拖动

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

  55. Brand Tab Selector

    动效参考 · 具体条目入口

    相关词：选择器、下拉选择、背景、光标、鼠标、指针、动画、动效、AI、人工智能

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

  56. Expand On Hover Pill Button

    动效参考 · 具体条目入口

    相关词：环形、圆形、按钮、徽章、状态标签、悬停、鼠标悬停、光标、鼠标、指针、揭示、出现

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

  57. Accordion Horizontal Timeline

    动效参考 · 具体条目入口

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

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

  58. Expanding Pill Button

    动效参考 · 具体条目入口

    相关词：按钮、徽章、状态标签、悬停、鼠标悬停、背景、光标、鼠标、指针、文字、文本、动画

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

  59. Event Hero Intro

    动效参考 · 具体条目入口

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

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

  60. Team Grid Bio Accordion

    动效参考 · 具体条目入口

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

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

  61. Hero Gradient Entrance

    动效参考 · 具体条目入口

    相关词：首屏、主视觉、渐变、光标、鼠标、指针、滚动、文字、文本、动画、动效、AI

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

  62. Sheet Page Transition

    动效参考 · 具体条目入口

    相关词：抽屉、面板、导航、光标、鼠标、指针、AI、人工智能

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

  63. Event Nav Header

    动效参考 · 具体条目入口

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

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

  64. Scroll Synced Timeline Card

    动效参考 · 具体条目入口

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

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

  65. Hover Highlight Card Grid

    动效参考 · 具体条目入口

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

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

  66. Elevated Card Grid

    动效参考 · 具体条目入口

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

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

  67. Animated Underline Article List

    动效参考 · 具体条目入口

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

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

  68. Comparison Hover Cards

    动效参考 · 具体条目入口

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

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

  69. Staggered Logo Ticker

    动效参考 · 具体条目入口

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

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

  70. Infinite Logo Marquee

    动效参考 · 具体条目入口

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

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

  71. Feature Accordion Showcase

    动效参考 · 具体条目入口

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

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

  72. Kinetic Falling Text Footer

    动效参考 · 具体条目入口

    相关词：网格、页脚、光标、鼠标、指针、滚动、文字、文本、AI、人工智能

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

  73. Magnetic Icon Pill Button

    动效参考 · 具体条目入口

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

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

  74. Announcement Card Grid

    动效参考 · 具体条目入口

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

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

  75. Split Case Study Card Grid

    动效参考 · 具体条目入口

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

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

  76. Sliding Navigation Drawer

    动效参考 · 具体条目入口

    相关词：抽屉、菜单、导航、光标、鼠标、指针、动画、动效、AI、人工智能

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

  77. Interlocking Stat Cards

    动效参考 · 具体条目入口

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

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

  78. Paginated Card Carousel

    动效参考 · 具体条目入口

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

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

  79. Vertical Nav Mega Panel

    动效参考 · 具体条目入口

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

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

  80. Expanding Action Button

    动效参考 · 具体条目入口

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

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