Gradient MeshPro

Living mesh gradient with grain and a cursor-following light.

Color that breathes

A living backdrop for heroes, pricing and launch pages.

Edit with AIPro

Describe a change to Gradient Mesh and get the updated code. The live preview above stays as the original.

Pro component

Get Gradient Mesh with Kinetiq UI Pro

Pro includes the full TypeScript source of every Pro component and template, a commercial license, and new releases every month — ₹499/month, cancel anytime.

Already Pro? Sign in and open the Code tab above to copy it.