How to use wave gradient backgrounds
Wave gradients arrange colour in flowing abstract shapes. Their curved direction can frame a product image, cover title or open area in a layout.
These backgrounds are static. Match the wave position to your content rather than expecting motion.
Choose CSS for a website background or export PNG, JPG, SVG or WebP for your project. The exporter includes Full HD, 4K, square, story and phone presets, plus custom sizes. Some SVG designs contain raster artwork; output dimensions do not increase their source detail.