Appearance
渐变与背景
收录渐变生成、SVG 背景纹理、Mesh 渐变、噪点纹理等视觉背景类工具，帮助快速生成美观的页面背景效果。
渐变生成
uiGradients
精选渐变配色方案库，收录了数百个经过人工筛选的高质量渐变，点击即可预览全屏效果，支持一键复制 CSS 代码或下载渐变图片，每个渐变均有命名，便于团队沟通和检索。
适合场景：Hero 背景、按钮渐变、卡片背景。
Gradienta
多色渐变背景资源库，提供超越双色的多层次渐变效果，颜色过渡自然丰富，提供 CSS 代码和 JPG 图片两种下载方式，完全免费商用，适合需要高饱和度、色彩丰富背景的设计场景。
适合场景：封面设计、插图背景、营销页面。
CSS Gradient
功能完整的 CSS 渐变在线编辑器，支持线性渐变、径向渐变和圆锥渐变三种类型，提供可视化色标编辑器，实时生成兼容性良好的 CSS 代码（含浏览器前缀），并附带渐变灵感库供参考。
适合场景：精细调整自定义渐变效果。
Hypercolor
专为 Tailwind CSS 设计的渐变色板工具，所有渐变均使用 Tailwind 渐变工具类表示，点击即可复制 Tailwind 类名，无需手写 CSS，是 Tailwind CSS 项目的效率神器。
适合场景：Tailwind CSS 项目的渐变快速应用。
Mesher
Mesh 渐变（网格渐变）在线生成器，通过 CSS radial-gradient 叠加实现类似 Figma Mesh Gradient 的效果，可自由拖拽颜色节点并调整颜色，生成唯一感强烈的有机渐变背景，输出纯 CSS 代码。
适合场景：独特感强的品牌背景、插画风格背景。
Mesh Gradient
Mesh 渐变图片生成工具，通过随机/手动调整颜色锚点，生成柔和自然的多色融合背景图，支持导出高分辨率 PNG，视觉效果细腻，比纯 CSS 渐变更接近真实油画质感。
适合场景：应用启动页、封面图、高品质背景素材。
SVG 背景纹理
SVG Backgrounds
提供 300+ 种可自定义颜色的 SVG 背景纹理图案，包括几何图形、网格线、波浪、圆点、对角线等多种风格，支持调整前景色和背景色，输出 CSS background-image 代码，纯 SVG 实现体积极小。
适合场景：页面区域划分、卡片纹理背景、Section 背景。
Hero Patterns
Tailwind CSS 团队设计的 SVG 纹理图案库，图案精致克制，支持自定义前景色/背景色和不透明度，生成 CSS background-image 代码，所有图案完全免费商用。
适合场景：简洁风格网站的背景纹理。
Pattern Monster
大型 SVG 图案生成平台，提供 500+ 种可自定义的矢量图案，支持调整颜色、尺寸、间距和旋转角度，可导出 SVG 文件或 CSS 代码，同时提供 Figma 插件，设计和开发均可直接使用。
适合场景：网页背景、印刷品背景、UI 区域底纹。
Haikei
多功能 SVG 背景生成器，内置波浪、气泡、有机团块、渐变波形、网格等多种生成器，每种都支持详细参数调整，可导出 SVG 或 PNG，适合制作有机感、流动感的现代网页背景。
适合场景：Landing Page 的波浪分割线、有机感背景。
噪点与纹理
Grainy Gradient
噪点渐变效果生成工具，通过 SVG 滤镜为渐变背景叠加噪点颗粒感，生成近年流行的"颗粒渐变"视觉效果，输出纯 CSS+SVG 代码，无需图片资源，体积极小。
适合场景：追求质感和复古风格的背景设计。
Noise & Texture
噪点纹理图片生成工具，可自定义噪点类型、频率、对比度和颜色，生成无缝平铺的纹理图片，为扁平化设计增添材质感，常作为背景叠加层使用。
适合场景：叠加在渐变/纯色背景上增加质感。
粒子与动态背景
Particles.js
轻量级 JavaScript 粒子动效库，通过 Canvas 渲染连线粒子效果，支持自定义粒子数量、颜色、形状、速度和交互行为（鼠标悬停推开、点击新增粒子等），是经典的动态背景解决方案。
适合场景：科技感网站、数据可视化背景。
Vanta.js
基于 Three.js 的 3D 动态背景库，提供波浪、鸟群、雾效、网格、星空等多种高质量动态背景效果，只需几行代码即可接入，支持自定义颜色和参数，视觉效果远超普通 Canvas 动画。
适合场景：高端产品官网、创意工作室网站的沉浸式背景。