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

交互动效

Motion

JavaScript 与 React 动画库，适合查找动画实现方式与示例。

进入原站读取本页 JSON

已核对公开详情目录 · 2026-10-14。根据本次官网站点地图核对命名详情，排除站点导航、安装说明与类目；具体示例、文档与参考分别标识。

资源与访问条件

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

目录入口

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

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

  1. Carousel: Coverflow

    组件示例 · 具体条目入口 · React

    相关词：轮播、轮播图

    官网公开条目数据2026-10-14

  2. Carousel: Free scroll

    组件示例 · 具体条目入口 · React

    相关词：轮播、轮播图、滚动

    官网公开条目数据2026-10-14

  3. Carousel: iOS exposure slider

    组件示例 · 具体条目入口 · React

    相关词：轮播、轮播图、滑块、滑杆

    官网公开条目数据2026-10-14

  4. Carousel: Offset-linked animations

    组件示例 · 具体条目入口 · React

    相关词：轮播、轮播图

    官网公开条目数据2026-10-14

  5. Carousel: Lightbox

    组件示例 · 具体条目入口 · React

    相关词：轮播、轮播图

    官网公开条目数据2026-10-14

  6. Carousel: Loop

    组件示例 · 具体条目入口 · React

    相关词：轮播、轮播图

    官网公开条目数据2026-10-14

  7. Carousel: Pagination

    组件示例 · 具体条目入口 · React

    相关词：轮播、轮播图、分页

    官网公开条目数据2026-10-14

  8. Carousel: Pagination with page count

    组件示例 · 具体条目入口 · React

    相关词：轮播、轮播图、分页

    官网公开条目数据2026-10-14

  9. Carousel: Scaling pagination dots

    组件示例 · 具体条目入口 · React

    相关词：轮播、轮播图、分页

    官网公开条目数据2026-10-14

  10. Carousel: Parallax

    组件示例 · 具体条目入口 · React

    相关词：轮播、轮播图

    官网公开条目数据2026-10-14

  11. Carousel: Progress scrubber

    组件示例 · 具体条目入口 · React

    相关词：轮播、轮播图、进度条

    官网公开条目数据2026-10-14

  12. Carousel: RTL

    组件示例 · 具体条目入口 · React

    相关词：轮播、轮播图

    官网公开条目数据2026-10-14

  13. Carousel: Thumbnail gallery

    组件示例 · 具体条目入口 · React

    相关词：轮播、轮播图、画廊、图片展示

    官网公开条目数据2026-10-14

  14. Carousel: Vertical

    组件示例 · 具体条目入口 · React

    相关词：轮播、轮播图

    官网公开条目数据2026-10-14

  15. Ticker: RTL

    效果示例 · 具体条目入口 · React

    官网公开条目数据2026-10-14

  16. AnimatePresence modes

    效果示例 · 具体条目入口 · React

    官网公开条目数据2026-10-14

  17. Cursor: Floating target

    效果示例 · 具体条目入口 · Vue

    相关词：光标、鼠标、指针

    官网公开条目数据2026-10-14

  18. Cursor: Floating target

    效果示例 · 具体条目入口 · React

    相关词：光标、鼠标、指针

    官网公开条目数据2026-10-14

  19. Card stack

    组件示例 · 具体条目入口 · React

    相关词：卡片

    官网公开条目数据2026-10-14

  20. Card stack

    组件示例 · 具体条目入口 · Vue

    相关词：卡片

    官网公开条目数据2026-10-14

  21. Material Design: Ripple

    效果示例 · 具体条目入口 · JavaScript

    相关词：涟漪、波纹

    官网公开条目数据2026-10-14

  22. Material Design: Ripple

    效果示例 · 具体条目入口 · React

    相关词：涟漪、波纹

    官网公开条目数据2026-10-14

  23. Material Design: Ripple

    效果示例 · 具体条目入口 · Vue

    相关词：涟漪、波纹

    官网公开条目数据2026-10-14

  24. Magnetic filings

    效果示例 · 具体条目入口 · Vue

    官网公开条目数据2026-10-14

  25. Magnetic filings

    效果示例 · 具体条目入口 · React

    官网公开条目数据2026-10-14

  26. Cursor trail

    效果示例 · 具体条目入口 · Vue

    相关词：光标、鼠标、指针

    官网公开条目数据2026-10-14

  27. Cursor trail velocity

    效果示例 · 具体条目入口 · Vue

    相关词：光标、鼠标、指针

    官网公开条目数据2026-10-14

  28. Infinite loading

    组件示例 · 具体条目入口 · Vue

    相关词：加载、加载动画

    官网公开条目数据2026-10-14

  29. Cursor trail

    效果示例 · 具体条目入口 · React

    相关词：光标、鼠标、指针

    官网公开条目数据2026-10-14

  30. Cursor trail velocity

    效果示例 · 具体条目入口 · React

    相关词：光标、鼠标、指针

    官网公开条目数据2026-10-14

  31. Base UI: Checkbox

    组件示例 · 具体条目入口 · React

    相关词：复选框、多选框

    官网公开条目数据2026-10-14

  32. Base UI: Context menu

    组件示例 · 具体条目入口 · React

    相关词：菜单

    官网公开条目数据2026-10-14

  33. Base UI: Dialog

    组件示例 · 具体条目入口 · React

    相关词：弹窗、对话框、模态框

    官网公开条目数据2026-10-14

  34. Base UI: Dropdown menu

    组件示例 · 具体条目入口 · React

    相关词：菜单、下拉菜单

    官网公开条目数据2026-10-14

  35. Base UI: Progress

    组件示例 · 具体条目入口 · React

    相关词：进度条

    官网公开条目数据2026-10-14

  36. Base UI: Select

    组件示例 · 具体条目入口 · React

    相关词：选择器、下拉选择

    官网公开条目数据2026-10-14

  37. Base UI: Switch

    组件示例 · 具体条目入口 · React

    相关词：开关

    官网公开条目数据2026-10-14

  38. Base UI: Tabs

    组件示例 · 具体条目入口 · React

    相关词：标签页、选项卡

    官网公开条目数据2026-10-14

  39. Base UI: Toast

    组件示例 · 具体条目入口 · React

    相关词：消息提示、轻提示

    官网公开条目数据2026-10-14

  40. Base UI: Toggle group

    组件示例 · 具体条目入口 · React

    相关词：切换、开关

    官网公开条目数据2026-10-14

  41. Base UI: Tooltip

    组件示例 · 具体条目入口 · React

    相关词：提示、气泡、工具提示

    官网公开条目数据2026-10-14

  42. Infinite loading

    组件示例 · 具体条目入口 · React

    相关词：加载、加载动画

    官网公开条目数据2026-10-14

  43. Modal dialog

    组件示例 · 具体条目入口 · Vue

    相关词：弹窗、对话框、模态框

    官网公开条目数据2026-10-14

  44. Typewriter: Change Content

    效果示例 · 具体条目入口 · Vue

    相关词：打字机

    官网公开条目数据2026-10-14

  45. Typewriter: Exploding Countdown

    效果示例 · 具体条目入口 · Vue

    相关词：打字机

    官网公开条目数据2026-10-14

  46. Typewriter: Natural Typing

    效果示例 · 具体条目入口 · Vue

    相关词：打字机、打字

    官网公开条目数据2026-10-14

  47. Typewriter: Exploding Countdown

    效果示例 · 具体条目入口 · React

    相关词：打字机

    官网公开条目数据2026-10-14

  48. Typewriter: Natural Typing

    效果示例 · 具体条目入口 · React

    相关词：打字机、打字

    官网公开条目数据2026-10-14

  49. Scroll highlight

    效果示例 · 具体条目入口 · JavaScript

    相关词：滚动

    官网公开条目数据2026-10-14

  50. Scroll highlight

    效果示例 · 具体条目入口 · React

    相关词：滚动

    官网公开条目数据2026-10-14

  51. Scroll highlight

    效果示例 · 具体条目入口 · Vue

    相关词：滚动

    官网公开条目数据2026-10-14

  52. Ticker: Overflow

    效果示例 · 具体条目入口 · Vue

    官网公开条目数据2026-10-14

  53. Ticker: Overflow

    效果示例 · 具体条目入口 · React

    官网公开条目数据2026-10-14

  54. Ticker

    效果示例 · 具体条目入口 · Vue

    官网公开条目数据2026-10-14

  55. Ticker: Cursor

    效果示例 · 具体条目入口 · Vue

    相关词：光标、鼠标、指针

    官网公开条目数据2026-10-14

  56. Ticker: Draggable

    效果示例 · 具体条目入口 · Vue

    相关词：拖拽、拖动

    官网公开条目数据2026-10-14

  57. Ticker: Scroll

    效果示例 · 具体条目入口 · Vue

    相关词：滚动

    官网公开条目数据2026-10-14

  58. Ticker: Text hover effect

    效果示例 · 具体条目入口 · Vue

    相关词：悬停、鼠标悬停、文字、文本

    官网公开条目数据2026-10-14

  59. Ticker: UseTickerItem

    效果示例 · 具体条目入口 · Vue

    官网公开条目数据2026-10-14

  60. Ticker: Vertical scrolling

    效果示例 · 具体条目入口 · Vue

    官网公开条目数据2026-10-14

  61. Ticker

    效果示例 · 具体条目入口 · React

    官网公开条目数据2026-10-14

  62. Ticker: Draggable

    效果示例 · 具体条目入口 · React

    相关词：拖拽、拖动

    官网公开条目数据2026-10-14

  63. Ticker: Scroll

    效果示例 · 具体条目入口 · React

    相关词：滚动

    官网公开条目数据2026-10-14

  64. Ticker: UseTickerItem

    效果示例 · 具体条目入口 · React

    官网公开条目数据2026-10-14

  65. Ticker: Vertical scrolling

    效果示例 · 具体条目入口 · React

    官网公开条目数据2026-10-14

  66. Ticker: Cursor

    效果示例 · 具体条目入口 · React

    相关词：光标、鼠标、指针

    官网公开条目数据2026-10-14

  67. Ticker: Text hover effect

    效果示例 · 具体条目入口 · React

    相关词：悬停、鼠标悬停、文字、文本

    官网公开条目数据2026-10-14

  68. Loading: Infinite path drawing

    组件示例 · 具体条目入口 · JavaScript

    相关词：加载、加载动画

    官网公开条目数据2026-10-14

  69. Cursor: Magnetic target

    效果示例 · 具体条目入口 · Vue

    相关词：光标、鼠标、指针

    官网公开条目数据2026-10-14

  70. iOS pointer animation

    效果示例 · 具体条目入口 · Vue

    相关词：指针、鼠标、动画、动效

    官网公开条目数据2026-10-14

  71. Cursor: Magnetic target

    效果示例 · 具体条目入口 · React

    相关词：光标、鼠标、指针

    官网公开条目数据2026-10-14

  72. iOS pointer animation

    效果示例 · 具体条目入口 · React

    相关词：指针、鼠标、动画、动效

    官网公开条目数据2026-10-14

  73. Split text

    效果示例 · 具体条目入口 · Vue

    相关词：文字、文本

    官网公开条目数据2026-10-14

  74. Wavy text

    效果示例 · 具体条目入口 · Vue

    相关词：文字、文本

    官网公开条目数据2026-10-14

  75. Characters remaining

    效果示例 · 具体条目入口 · Vue

    官网公开条目数据2026-10-14

  76. Apple Intelligence ripple

    效果示例 · 具体条目入口 · Vue

    相关词：涟漪、波纹

    官网公开条目数据2026-10-14

  77. Apple Intelligence ripple

    效果示例 · 具体条目入口 · React

    相关词：涟漪、波纹

    官网公开条目数据2026-10-14

  78. Warp overlay

    效果示例 · 具体条目入口 · Vue

    官网公开条目数据2026-10-14

  79. Warp overlay

    效果示例 · 具体条目入口 · React

    官网公开条目数据2026-10-14

  80. Family-style dialog

    组件示例 · 具体条目入口 · Vue

    相关词：弹窗、对话框、模态框

    官网公开条目数据2026-10-14