卡片详情过渡 — Cantrip

每个交互细节都由我们用代码写成，可以直接上手；点一下就能复制提示词，交给 AI 做出同样的效果。

登机牌刷卡

读卡器嫌你刷得太快

微交互拖拽

弹弓滑块

往反方向拉，松手打出去

组件拖拽

卡片详情过渡

分两拍打开的银行卡

移动端点击

订阅小票

付完款，卡片吐出一张小票

微交互点击

语音光晕

说话时面板底边亮起

微交互长按

拟物按键

八层阴影，一按就陷下去

微交互点击

滚动翻阅的评价抽屉

滚一格，翻一份评价

网页滚动

探照灯密码

光照到哪，才看得见哪

微交互点击

侧立专辑墙

侧立的封面一点就转正

界面拖拽

账单日期条

日期胶囊藏在圆点里

组件点击

问不完的常见问题

最后一问由你来写

组件点击

消息状态

灰条代字，只看状态

界面点击

会让位的圆角

贴边变直角，离开又圆回来

组件拖拽

弹性开关

滑块被拉长再压回原形

微交互点击

边框光束

跑完合环，停下就熄

动效点击

舷窗主题切换

拉下遮光板就入夜

微交互拖拽

ASCII 图片加载

图片从字符画里拼出来

动效悬停

会动的便当格

每格插画只动一下

网页悬停

按住显示快捷键

快捷键只在按住 ⌘ 时露面

微交互键盘

物理胶囊标签

一堆能捏起来甩的胶囊

动效拖拽

果冻小幽灵

会看你、能甩的小幽灵

动效悬停

文件夹扇形展开

一摞灵感卡探出文件夹

界面悬停

线框与成品对比

线框底下压着成品

界面拖拽

拖拽排序

抬起、让位、带速度落下

组件拖拽

下拉刷新

刷新完先说来了几条

移动端拖拽

逐字解码标题

悬停的词会重新解码一次

网页悬停

走势图拖动查看

指到哪天，看哪天

数据可视化悬停

长按删除

按住才删，松手就反悔

微交互长按

席位计价步进器

价格像里程表一样滚

动效点击

卡片堆滑动

撤回的卡沿原路飞回来

移动端滑动

灵动岛

一块黑药丸长成播放器

移动端点击

活动圆环

超过 100% 就绕第二圈

数据可视化点击

从按钮长出的菜单

两个菜单朝两个方向长

组件点击

胶囊标签栏

底色和白字一起到

组件点击

堆叠通知

展开阅读时倒计时暂停

组件悬停