About this tool

Most gradient tools hand you a still image, but Ribbonwash is built around motion. Draw a few Bézier curves in the browser, give each one colors, and Ribbonwash turns them into a living mesh-gradient background that loops seamlessly. Choose from 8 stackable motions: flow, ping-pong, breathe, color rotation, deform, ripple, comet and Move. Export a single HTML snippet, a React component or a ZIP. The runtime is about 16 KB gzipped, dependency-free and MIT-licensed. No account needed. The editor is free; Pro is $19 once.