Gallery
Mint Fog Blur Blobs
CSSLight
A slow blur blobs of blurred colour fields drifting on unequal cycles. Pure CSS.
#gradient#mesh#css#blobs#mint-fog
Live preview
2 files
import "./meshgradient.css";
// Render <MeshGradient /> inside a container with position: relative.
export function MeshGradient() {
return <div className="meshgradient-bg meshgradient-bg--light" />;
}Copy or download any file. The HTML build loads Three.js from a CDN via an import map, so it runs by just opening index.html. The React build is react-three-fiber; setup notes live at the top of each file.
Variants
40 of this pattern · page 1 of 4