Border Gradients

Now with the same editor you know and love you can easily create animated border gradients and generate clean, vanilla CSS animated border gradients, go give it a try.

Give it a try

Gradient Masks

We just made mshr.app even more powerful. You can now apply CSS Masks to your mesh gradients, transforming smooth blends into structured patterns.

Beyond standard fluid gradients, you can now toggle three new masking modes:

Linear: Create clean, directional cuts and split-tone effects.
Grid: Turn your mesh into a technical, "blueprint" style layout.
Polka: Add a retro-modern touch with customizable dot patterns.

News

Border Gradients

Gradient Masks