145 个条目，都来自允许再分发的开源项目：实时预览、调参，带走代码或 Skill。
真正在 GPU 上求解的流体：彩色染料被不断搅动、卷成漩涡，带泛光。自己会流动，拖动指针还能亲手搅拌。适合做首屏或全屏背景。
WebGL 2
深色的手机 App 官网：三台 JSX 画的手机叠在跑道线前，往下是便当格功能、四屏画廊、评分评价、定价与 FAQ。没有商店徽章，也不需要任何截图。
MotionCSSSVG
深靛蓝夜空、霓虹描边与辉光、大写的显示字体，配一个条纹夕阳加透视网格的地平线场景。一键切换到 cyberpunk（黄底黑字、直角、黑色硬阴影）。适合音乐、游戏、活动和开发者工具的大胆落地页。
CSS
一颗缓缓自转的点阵地球，城市地标发光，飞线在大陆之间划过。可以用手拖动。适合放在产品首屏，讲「全球」和「网络」。
WebGL
整段滚动期间画面钉在视口里，四章内容随滚动进度逐章切换：标题和正文上下交替，计数器滚动，右边 24 个点从散点归队成事件流，再连成环，最后排成柱状图。往回滚就倒着播，带一点可调的跟手延迟。
SVG
工业风的产品公司官网：公告条、带矢量产品图的首屏、客户字标、可切换的功能页签、滚动计数的数据、产品卡、评价、服务计划和常见问题，收尾是一块醒目的报价区。
MotionSVG
缺角的像素描边、Press Start 2P 标题、按帧步进的动效和 16 色调色板：每个控件都像街机菜单里的一个方块。适合游戏、独立开发者主页和怀旧活动页。
五条彩色光线在暗底上起伏，指针靠近时局部隆起；居中大标题、按钮和三格数据叠在上面。Canvas 2D 绘制，没有着色器也很轻。
MotionCanvas
画面中央一团光线步进渲染的液态金属，表面随噪声缓慢起伏，反射随指针偏转。适合做产品首屏的视觉焦点。
可筛选、排序、在网格和列表之间切换的作品墙。每次变化时卡片从旧位置平滑飞到新位置，缩略图在两种视图之间变形，被筛掉的卡片原地淡出、其余的立刻补位，带可调的弹簧和错开。缩略图全部是 CSS 渐变。
MotionCSS
隔着一块凹槽玻璃看画面：后面的景色被切成一条条折射，带着细细的高光和阴影，画面在玻璃后面缓慢地左右移动。景色可以是日落、色团或一行大字，都在 Canvas 上现画；凹槽可以换成波浪、锯齿或不规则条纹。
WebGL 2Canvas
一颗胶囊从顶部落下，再从下面像水滴一样拉开，长出带说明和按钮的主体；过一会儿收回胶囊退场。轮廓是一条会变形的 SVG 路径，弹簧带一点过冲。适合成功、失败、更新提示这类需要一句话加一个动作的通知。
深色为主的 SaaS 整站：光晕首屏配一张纯 JSX 画出的产品仪表盘，客户字标、八宫格功能、三步流程、数据、评价、定价与 FAQ 一气呵成。
12 栏严格网格、Radix 十二级灰阶加一个强调色、左对齐的紧凑无衬线大标题，用线而不是色块分区，没有阴影和渐变。可以叠加栏线。适合设计工作室、研究机构、出版物、文档和任何想要清晰和秩序的产品。
标题按行、按词或按字拆开，从遮罩后面依次升起，带一点倾斜，再整齐地退场。行是在当前宽度下实际量出来的，换宽度会重新分行。中英文都能拆，适合杂志感的首屏标题和章节开场。
把一个字母、一个词或一个形状变成会流动的镀铬：条纹沿着轮廓流过，边缘带一点色散。文字现场在 Canvas 上画出来再当遮罩，不需要任何图片素材；也可以换成圆、雏菊、菱形和融球。
指针经过时，图标按距离平滑放大，邻近的图标一起被带起，像 macOS 的程序坞。适合应用导航、工具栏和作品集的社交入口。
Motion
产品标识居中、虚构品牌方块沿虚线轨道缓慢环绕，另有居中与目录网格两种排法。适合「集成 / 生态」区块。
像捏出来的黏土：卡片和按钮四层阴影叠出「充气」的凸起，输入框和选项卡轨道则向内凹陷，按下按钮就是从凸变凹。石色中性底加一个明亮主色，适合儿童、理财、健康、教育类的亲和界面。
一圈圈缓缓旋转的文字环，指针经过时字形溶解成飘散的尘埃，点击则把尘埃吸向一点。文案可自定义，深浅两种底色。适合做品牌页、作品集的氛围背景。
Canvas
几种形状轮流变身：圆、花瓣、星、圆角方……每一层错开一点跟上，叠成带拖尾的色块。缓动曲线、停留时间都能调，适合做首屏主视觉、品牌动效或加载等待。
一颗宝石形的轮廓里翻涌着彩色烟雾，边缘透出辉光，像一团被封在水晶里的火。形状可以是菱形、圆、雏菊或融球，颜色从火焰、荧光到红外都能调。
输入即模糊过滤，命中的字符高亮，方向键移动时高亮条像磁铁一样滑到下一项，回车执行。分组、快捷键提示、空状态都齐全。适合应用的 ⌘K 全局搜索和快速跳转。
一束束光线从画面外洒入，边缘泛着柔和的光晕。适合做发布页、活动页的舞台光。
