Visual Utility

Mesh Gradient Builder

This tool creates multi-point mesh-style backgrounds by blending four configurable color nodes over a base surface.

What it does

• Lets you place four color nodes with X/Y controls.
• Controls base color, softness, radius, and grain level.
• Produces a more layered atmosphere than a simple linear gradient.
• Exports HTML and CSS for direct use.

How to use it

• Open /MeshGradientBuilder/.
• Set the base background color.
• Adjust each color node and its position.
• Tune softness, radius, and grain until the mesh feels right.
• Copy the generated output into your project.