已复制提示词
← 返回 UI Motion Lab · 交互示例库

面向真实项目的动效展示与检索

特效总汇

一处收录,多处引用 · 同一特效可属于多个类别,点击标签即可交叉浏览

正在加载特效目录…

01

边缘流光

Border Beam
基础版
适合个人起步
¥0 /月
  • ✓ 3 个项目
  • ✓ 基础组件
  • ✓ 社区支持
专业版 推荐
适合独立开发者
¥99 /月
  • ✓ 无限项目
  • ✓ 全部组件
  • ✓ AI 生成
  • ✓ 优先支持
团队版
适合小团队
¥299 /月
  • ✓ 多人协作
  • ✓ 权限管理
  • ✓ 专属客服
02

聚光

Spotlight
✦
智能生成

一句话描述,生成完整页面

了解更多 →
🛡️
安全可靠

数据加密,权限分级管理

了解更多 →
⚡
极速部署

一键发布,全球节点加速

了解更多 →
在卡片上移动鼠标体验聚光灯跟随
03

3D 倾斜

Tilt
PRIME 会员卡
)))
6688 2026 0529 8888
VIP MEMBER VALID THRU 12/30
移动鼠标体验拿在手里转着看
04

滚动叙事

Scroll Storytelling
拍得更清楚
4800 万像素主摄
续航一整天
38 小时视频播放
轻到忘记它
165 克轻薄机身
1x
⌜ ⌝
48MP 光学取景
画面固定切换
05

乱码解码

Scramble Text
decode.ts
MOTION
DESIGN
2026 · 16 EFFECTS
READY 100%
06

视差滚动

Parallax
⛰️ 山野
路线营地装备
探索山野
周末,去山里走走
热门路线
模拟滚轮往下滚
07

磁吸

Magnetic
用 AI 做你的第一个产品
不用写代码,说清楚就行
把鼠标靠近按钮周围,体验被吸过去的感觉
08

打字机

Typewriter
AI 助手
让每个人都能用 AI 做产品
帮我做一个首页
✦
好的,我先帮你把首页做出来。
输入你的想法… →
09

跑马灯

Marquee
Vertex Nova ▲Lumen ◆Orbit ◎Kite ⬢Atlas Vertex Nova ▲Lumen ◆Orbit ◎Kite ⬢Atlas
周
老周
★★★★★
“一个人就做完了官网”
R
Rita
★★★★★
“动效一句话就改对”
M
Mia
★★★★★
“客户说页面很高级”
周
老周
★★★★★
“一个人就做完了官网”
R
Rita
★★★★★
“动效一句话就改对”
Pixel ⚡Echo ⬢Atlas ◎Kite ◆Orbit Pixel ⚡Echo ⬢Atlas ◎Kite ◆Orbit
10

流光

Shimmer
11

数字滚动

Count Up
👤 累计用户
10,000+
↑ 12.5% 本月
✓ 好评率
98%
✦ 综合评分
4.9
★★★★★
12

滚动出现

Scroll Reveal
精选
春日露营装备清单
5 分钟阅读 · 户外
精选
城市夜跑路线推荐
3 分钟阅读 · 运动
精选
一个人的晚餐
4 分钟阅读 · 生活
精选
周末短途旅行
6 分钟阅读 · 旅行
精选
新手咖啡入门
5 分钟阅读 · 生活
13

弹性

Spring
ease-out
spring (冲过头一点再弹回来)
从 0
从 95%
14

错峰

Stagger
同时
依次 (间隔 0.05s)
15

悬停上浮

Hover Lift
⛺
露营帐篷
★ 4.8 · 已售 2k
¥ 899
🎒
徒步背包
★ 4.8 · 已售 2k
¥ 459
🍶
保温水壶
★ 4.8 · 已售 2k
¥ 129
把鼠标放到商品卡片上,体验微微浮起 + 影子变深
16

缓动

Easing
匀速 (像机器)
🔔
减速 ease-out (先快后慢,最自然)
🔔
速度 时间