145 个条目，都来自允许再分发的开源项目：实时预览、调参，带走代码或 Skill。
44 个结果清除筛选
可筛选、排序、在网格和列表之间切换的作品墙。每次变化时卡片从旧位置平滑飞到新位置，缩略图在两种视图之间变形，被筛掉的卡片原地淡出、其余的立刻补位，带可调的弹簧和错开。缩略图全部是 CSS 渐变。
MotionCSS
一颗胶囊从顶部落下，再从下面像水滴一样拉开，长出带说明和按钮的主体；过一会儿收回胶囊退场。轮廓是一条会变形的 SVG 路径，弹簧带一点过冲。适合成功、失败、更新提示这类需要一句话加一个动作的通知。
MotionSVG
指针经过时，图标按距离平滑放大，邻近的图标一起被带起，像 macOS 的程序坞。适合应用导航、工具栏和作品集的社交入口。
Motion
输入即模糊过滤，命中的字符高亮，方向键移动时高亮条像磁铁一样滑到下一项，回车执行。分组、快捷键提示、空状态都齐全。适合应用的 ⌘K 全局搜索和快速跳转。
一颗会呼吸的黑色胶囊：在待机、音乐、耳机电量、来电之间用弹簧形变自然切换，内容跟着淡入淡出。适合做产品里的全局通知、进度和状态入口。
一排重叠的渐变头像，指针经过时那一个抬起、邻居被推开，头顶弹出姓名和角色；带在线状态点，多出来的人折叠成 +N。适合协作文档的在场用户、项目成员和评审人。
带呼吸光环的状态徽章：在线、忙碌、离开、离线、直播、同步中。状态变化时颜色平滑过渡，文案上下滑动替换，读屏软件会播报。适合服务健康页、成员列表和直播标记。
点一下复制到剪贴板：图标变形成一笔描出的对勾，扩散一圈光环，文案上滑替换，还弹出「已复制」提示。命令行片段、带文字的按钮、纯图标三种样式。适合文档里的安装命令、邀请链接和 API 密钥。
按住不放，颜色从左向右填满整个按钮，填满才会确认。用来挡住删除、注销这类不可撤销的危险操作。
点击后从按钮中心迸出一圈彩色粒子和光晕，文案切换成完成状态。适合发送、收藏、提交这类需要一点仪式感的操作。
胶囊轨道里一枚圆形把手，文字上有高光缓缓扫过；拖过八成才算数，色块跟着把手铺开，确认后把手变成对勾。适合关机、转账、删除这类需要多一道确认的操作。
森林绿的按钮，悬停时琥珀色的第二层带着新文案从下方把它整块推走，还多出一个箭头。键盘聚焦时同样触发，换字时按钮不会抖动。适合注册、预约和下载这类主行动按钮。
CSS
四个圆角括号和一张简笔人脸逐笔画出，扫描线上下游走；认不出来时整体左右抖动，成功后化作对勾，被遮住的内容从模糊里清晰起来。适合账户金库、隐私相册和敏感数据的解锁入口。
一束渐变光沿着两个元素之间的连线流动，用来表现数据流、集成关系和「A 连接到 B」。适合集成图、架构图和功能介绍。
数字用弹簧曲线从起点滚动到目标值，等宽数字不抖动。适合数据看板、统计条和落地页的关键指标。
数值变化时，每一位数字像里程表一样单独滚动到新值，方向跟随涨跌。适合营收、用户数、倒计时这类会实时更新的指标。
几张银行卡像握在手里一样叠成一摞：选中的向你抬起，其余向后倾斜退去，光泽跟着指针游走，隐藏余额时数字逐个模糊成圆点。适合记账、支付和会员卡类应用的账户切换。
从底部升起的抽屉，背后的页面缩小后退。拖动手柄可以停在半高或全高，用力一甩就关闭。焦点被困在抽屉内，Esc 关闭。适合移动端的添加、筛选和确认流程。
点击卡片，它顺着弹簧曲线展开成对话框，标题和封面一路跟随，背景同步虚化；再点一下原路收回。适合案例列表、商品详情和预览。
四幅内联 SVG 插画：搜索无结果、收件箱清空、还没有文件、离线。配上标题、说明和主次两个操作，插画轻轻漂浮，全部跟着主题色。适合列表、搜索页和首次使用的引导。
SVGCSS
文件拖进来时虚线边框开始流动、图标轻轻弹起，松手后文件带着进度条依次排进列表。点击和键盘同样可以选文件。适合工单附件、资料上传和媒体库。
标签在空输入框里当占位符，聚焦或写入内容时缩小飘到左上角，边框亮起强调色光环。密码框自带显示开关，错误提示会展开并轻轻抖动。适合登录、注册和资料表单。
一排格子里逐位弹入数字，光标闪烁，填错会抖动变红，通过后数字依次跳起变绿。粘贴和短信自动填充都是原生行为。适合登录二次验证和邮箱确认。
悬停时图标一路亮到指针位置并轻轻鼓起，点击后被选中的图标像波浪一样依次弹起。星星、爱心、闪电三种图标，可选半星。适合评价表单、反馈弹窗和商品页。
