145 个条目，都来自允许再分发的开源项目：实时预览、调参，带走代码或 Skill。
27 个结果清除筛选
整段滚动期间画面钉在视口里，四章内容随滚动进度逐章切换：标题和正文上下交替，计数器滚动，右边 24 个点从散点归队成事件流，再连成环，最后排成柱状图。往回滚就倒着播，带一点可调的跟手延迟。
SVG
五条彩色光线在暗底上起伏，指针靠近时局部隆起；居中大标题、按钮和三格数据叠在上面。Canvas 2D 绘制，没有着色器也很轻。
MotionCanvas
产品标识居中、虚构品牌方块沿虚线轨道缓慢环绕，另有居中与目录网格两种排法。适合「集成 / 生态」区块。
MotionSVG
版本号与日期、标签、要点清单和自绘线框插图，可切换为带节点的竖轴。适合产品官网的「更新日志」页。
两栏联系区（信息 + 表单）与居中的订阅框二选一，表单本地可提交并显示成功状态，背景光斑缓慢漂移。
Motion
一块圆角面板，底部升起同心圆环并缓缓收放，配上网格线、大标题和主按钮。可切成左文右邮箱表单的版式。放在页面末尾做最后一次转化。
CSS
发布、合并、评论、告警一条时间线：图标节点、连线自上而下描出，可按类别筛选。也可切成带头像的紧凑列表。
带时间范围切换的双序列图表卡：面积、柱状、折线三种画法，悬停出十字线和数据提示。手绘 SVG，不依赖图表库。
带状态徽章、筛选标签、搜索和排序的数据表，首字母渐变头像，行错峰淡入。适合账单、订单、用户列表。
四张指标卡：数字滚动、迷你曲线自左向右描出，涨跌用语义色标注。适合 SaaS 后台与数据看板的顶部概览。
按额度变色的用量进度条、临近上限的提醒、下次账单明细和近六个月花费柱图。适合设置页的「计费」标签。
左边标题和一张「找真人聊聊」小卡，右边六个问答，展开时高度平滑过渡、加号转成叉号并点亮主色。键盘可用，支持单开或多开。
五张大小不一的功能卡拼成便当格，每张卡里都是用 JSX 画的迷你产品界面：多人光标、命令面板、差异对比、集成图标、柱状图。
MotionCSS
三或四步的「如何使用」：横排、产品导览、左右交错三种版式，当前步骤自动推进并配有自绘的示意窗。
左边是四条功能，带一条走完就切换的进度线；右边是一块渐变舞台，随之切换成收件箱、回复编辑器、路由匹配和 SLA 报表这些用 JSX 画的产品界面。
四列链接加订阅框，底部是撑满整行的巨型品牌字标：描边字上有一束渐变高光自己来回扫过，指针经过时会跟着指针。也有不带巨字的紧凑版。
左侧标题与行动按钮，右侧是一颗由 4×4 抖动像素组成的缓慢旋转光球，叠着一张用 JSX 画的追踪面板。适合开发者工具、可观测性和 AI 基础设施的官网首屏。
MotionWebGL
居中大标题在主色光晕里，下方是一个用纯 JSX 和 SVG 画出来的仪表盘产品截图，折线会自己画出来。SaaS 官网最常用、也最稳的首屏。
MotionCSSSVG
八个虚构品牌的 SVG 字标，每个用不同的字体和几何图形，做成无缝滚动的横条，或者带细分隔线的四列网格。放在首屏下面做信任背书。
CSSSVG
毛玻璃药丸形悬浮导航，悬停项之间用弹簧滑动的高亮底，「产品」展开带图标的三项菜单和一张渐变推荐卡。也可以切成贴顶的整宽导航栏，手机上收成汉堡菜单。
带自绘封面的文章卡片网格，首篇通栏；也可切成封面列表或纯文字目录，并支持按分类筛选。封面全部由 SVG 生成。
月付 / 年付切换、价格数字上滚更新的三档定价。推荐档抬高并带主色渐变描边，其余两档保持安静，一眼就知道该选哪个。
极光背景上的一张毛玻璃定价卡：拖动对数刻度的用量滑块，右侧价格、明细和有效单价实时更新，阶梯计价越用越便宜。适合按量计费的 API 和基础设施产品。
四个关键数字自零滚动到目标值：横排分隔、带迷你柱图的卡片、左文右环形进度三种版式，标题字体可选衬线。
