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

交互动效

Motion

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

进入原站读取本页 JSON

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

资源与访问条件

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

目录入口

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

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

  1. Curtains: Wipe

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

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

  2. Curtains: Blinds

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

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

  3. Curtains: Clip wipe

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

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

  4. Curtains: Doors

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

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

  5. Curtains: Fade

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

    相关词：淡入、淡出

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

  6. Curtains: Iris

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

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

  7. Curtains: Iris from click

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

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

  8. Curtains: Mixed effects

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

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

  9. Curtains: Pixels

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

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

  10. Curtains: Scope

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

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

  11. Curtains: Shutter

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

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

  12. Curtains: Stagger wipe

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

    相关词：交错、逐个出现

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

  13. Curtains: Wipe

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

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

  14. Add to basket

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

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

  15. Add to basket

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

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

  16. Pointer collision detection

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

    相关词：指针、鼠标

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

  17. Bobble hover

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

    相关词：悬停、鼠标悬停

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

  18. Clerk: Card Stack

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

    相关词：卡片

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

  19. Clerk: Conditional Field

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

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

  20. Clerk: Sign-in-or-up

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

    相关词：登录

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

  21. Clerk: User Button

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

    相关词：按钮、用户

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

  22. Layout Anchor

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

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

  23. Pokopia: Modal

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

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

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

  24. Command Palette

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

    相关词：命令、搜索、命令面板

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

  25. OSS Hero

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

    相关词：首屏、主视觉

    已核验画面：居中首屏、深色、简洁留白 · 2026-10-18

    标签仅描述本条官方默认预览；代码、付费权限与可配置颜色以原站为准。未验证所有交互。

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

  26. Skeleton Shimmer

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

    相关词：骨架屏、加载、流光、闪烁

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

  27. Copy Button

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

    相关词：按钮

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

  28. Create Button

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

    相关词：按钮

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

  29. Dots Morph Button

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

    相关词：按钮

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

  30. Toast: Stacked notifications

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

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

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

  31. Floating Action Button

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

    相关词：按钮

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

  32. Radial Menu

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

    相关词：菜单

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

  33. Sheet Modal

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

    相关词：弹窗、对话框、模态框、抽屉、面板

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

  34. Context Menu

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

    相关词：菜单

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

  35. Mega Menu

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

    相关词：菜单

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

  36. Number trend

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

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

  37. Carousel: iOS exposure slider

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

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

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

  38. iOS App Folder

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

    相关词：文件夹

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

  39. AnimateView: Clip path

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

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

  40. AnimateView: Reorder items

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

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

  41. AnimateView: Toggle

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

    相关词：切换、开关

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

  42. AnimateView: Transition types

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

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

  43. Scramble text

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

    相关词：文字、文本

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

  44. Scramble text: Hover

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

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

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

  45. Scramble text: Stagger from center

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

    相关词：文字、文本、交错、逐个出现

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

  46. Scroll Direction: Hide Header

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

    相关词：滚动

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

  47. Scroll Horizontal Gallery

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

    相关词：滚动、画廊、图片展示

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

  48. Scroll Image Reveal

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

    相关词：滚动、揭示、出现、入场、图片

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

  49. Scroll Text Lines

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

    相关词：滚动、文字、文本

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

  50. Scroll Zoom Hero

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

    相关词：首屏、主视觉、滚动

    已核验画面：居中首屏、深色 · 2026-10-18

    标签仅描述本条官方默认预览；代码、付费权限与可配置颜色以原站为准。未验证所有交互。

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

  51. Reorder items

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

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

  52. Shared layout animation

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

    相关词：动画、动效

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

  53. Scramble text

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

    相关词：文字、文本

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

  54. Scramble text: Hover

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

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

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

  55. Scramble text: Stagger from center

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

    相关词：文字、文本、交错、逐个出现

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

  56. Scroll velocity: 3D planes

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

    相关词：滚动、三维、3D

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

  57. To-do list

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

    相关词：列表

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

  58. To-do list

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

    相关词：列表

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

  59. Bezier curve editor

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

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

  60. Carousel: Vertical

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

    相关词：轮播、轮播图

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

  61. Carousel

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

    相关词：轮播、轮播图

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

  62. Carousel: Autoplay

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

    相关词：轮播、轮播图

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

  63. Carousel: Coverflow

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

    相关词：轮播、轮播图

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

  64. Carousel: Free scroll

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

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

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

  65. Carousel: Offset-linked animations

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

    相关词：轮播、轮播图

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

  66. Carousel: Lightbox

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

    相关词：轮播、轮播图

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

  67. Carousel: Loop

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

    相关词：轮播、轮播图

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

  68. Carousel: Pagination

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

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

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

  69. Carousel: Pagination with page count

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

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

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

  70. Carousel: Scaling pagination dots

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

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

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

  71. Carousel: Parallax

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

    相关词：轮播、轮播图

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

  72. Carousel: Progress scrubber

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

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

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

  73. Carousel: RTL

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

    相关词：轮播、轮播图

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

  74. Carousel: Thumbnail gallery

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

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

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

  75. Color picker

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

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

  76. Ticker: RTL

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

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

  77. Color picker

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

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

  78. AnimatePresence modes

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

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

  79. Carousel

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

    相关词：轮播、轮播图

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

  80. Carousel: Autoplay

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

    相关词：轮播、轮播图

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