145 个条目，都来自允许再分发的开源项目：实时预览、调参，带走代码或 Skill。
51 个结果清除筛选
真正在 GPU 上求解的流体：彩色染料被不断搅动、卷成漩涡，带泛光。自己会流动，拖动指针还能亲手搅拌。适合做首屏或全屏背景。
WebGL 2
一颗缓缓自转的点阵地球，城市地标发光，飞线在大陆之间划过。可以用手拖动。适合放在产品首屏，讲「全球」和「网络」。
WebGL
画面中央一团光线步进渲染的液态金属，表面随噪声缓慢起伏，反射随指针偏转。适合做产品首屏的视觉焦点。
隔着一块凹槽玻璃看画面：后面的景色被切成一条条折射，带着细细的高光和阴影，画面在玻璃后面缓慢地左右移动。景色可以是日落、色团或一行大字，都在 Canvas 上现画；凹槽可以换成波浪、锯齿或不规则条纹。
WebGL 2Canvas
标题按行、按词或按字拆开，从遮罩后面依次升起，带一点倾斜，再整齐地退场。行是在当前宽度下实际量出来的，换宽度会重新分行。中英文都能拆，适合杂志感的首屏标题和章节开场。
CSS
把一个字母、一个词或一个形状变成会流动的镀铬：条纹沿着轮廓流过，边缘带一点色散。文字现场在 Canvas 上画出来再当遮罩，不需要任何图片素材；也可以换成圆、雏菊、菱形和融球。
一圈圈缓缓旋转的文字环，指针经过时字形溶解成飘散的尘埃，点击则把尘埃吸向一点。文案可自定义，深浅两种底色。适合做品牌页、作品集的氛围背景。
Canvas
几种形状轮流变身：圆、花瓣、星、圆角方……每一层错开一点跟上，叠成带拖尾的色块。缓动曲线、停留时间都能调，适合做首屏主视觉、品牌动效或加载等待。
SVG
一颗宝石形的轮廓里翻涌着彩色烟雾，边缘透出辉光，像一团被封在水晶里的火。形状可以是菱形、圆、雏菊或融球，颜色从火焰、荧光到红外都能调。
一束束光线从画面外洒入，边缘泛着柔和的光晕。适合做发布页、活动页的舞台光。
一束束渐变曲线像丝带般铺满画面，光点沿着曲线缓缓流动。适合作为首屏、发布页和空状态的安静背景。
近白的薄荷底上，几团海玻璃青、天蓝和浅绿的光斑缓缓漂移、呼吸，叠在一起自然晕染。纯 CSS，几乎不耗性能。适合做柔和的首屏背景、卡片底和邮件头图。
规整的点阵里，每个点都绕着自己的小轨道公转，颜色逐层渐变。适合做有节奏感的科技背景。
渐变里带着胶片般的颗粒，可以是柔和的角落光晕、波浪、圆点或水波纹。适合做有质感的首屏背景。
几团颜色沿各自的轨迹缓慢游动，被有机噪声和漩涡揉在一起。适合做首屏或整块区域的背景。
一群彩色的球体靠近时互相融合、分开时又拉出细丝，像熔岩灯。适合做首屏背景。
细小的光点在背景里缓缓漂浮、明暗交替，随指针轻微位移，形成层次感。适合首屏、卡片和区块的氛围背景。
透过水面看池底：焦散光斑在瓷砖上游走，水波让底下的图案轻轻晃动。池底是泳池瓷砖或马赛克，在 Canvas 上现画，主色随你调。适合夏日、旅行、度假类页面的首屏背景。
一张透视倾斜的无限网格从远处缓缓滚来，地平线泛着柔光，远处的线条自然合并、不闪烁。适合做首屏背景和区块分隔。
青、靛、紫三条光带缓缓起伏，被一层 7px 点阵切碎成发光的网点，左侧留出暗区。适合做 SaaS 或开发工具首屏的背景。
深青色的夜空里，一道道带光头的流星错落划过，背后的星点缓缓闪烁，地平线透着一抹暖光。适合做首屏背景、404 页和活动页。
一层层等高线般的色带在噪声里缓缓变形，硬边或柔边都好看。适合做地形图、糖果色或印刷风背景。
三道红、绿、蓝色散分离的波前斜向穿过暗场，叠出紫罗兰色的流光，四角渐隐。适合做产品发布页或活动页的全屏背景。
色带从中心向外旋转展开，像万花筒或旋转的糖纸。适合做活泼的背景或转场底图。
