Warp Effect

Gradients that push toward you

Spherical 3D distortion. Your gradient bulges outward, curved and dimensional—like you could reach in and touch it.

FlatFlatgradientsgradientssitsitononthethescreen.screen.Sphere-warpedSphere-warpedgradientsgradientspushpushtowardtowardyou—curvedyou—curvedsurfacessurfacesbulgingbulgingintointoyouryourspace.space.SuddenlySuddenlycolorcolorhashaspresence,presence,weight,weight,dimension.dimension.YouYouwantwanttotoreachreachoutoutandandtouchtouchit.it.

Dimensional Bulge

Instant 3D depth
without modeling software.

Sphere warp pushes your gradient outward in a spherical distortion. The surface curves like it's been inflated from behind.

Control the intensity of the bulge, how wide it extends, where the sphere originates. One slider takes your gradient from flat to dimensional.

Amount

0-100%

Radius

0-100%

Center

X/Y

Dome.

The gradient presses toward you.Curved. Dimensional. Present.

IIwantedwantedgradientsgradientsthatthatfeltfeltlikeliketheytheyexistedexistedininspace,space,notnotjustjustononaascreen.screen.TheThefirstfirsttimetimeIIgotgotspherespherewarpwarpworking—watchingworking—watchingaagradientgradientdomedometowardtowardmemelikelikeititwaswaspressingpressingagainstagainstglass—Iglass—Iknewknewwewehad something.had something.

Infinite Combinations

Glass bubbles.
Color orbs.

Stack with metallic surfaces. Layer with iridescence.Combine with grid geometry. Every combination animates.

Flat to dimensional
in one slider.

Sphere warp. That's it. Open the editor and try it.

Free tier available-Export to PNG, SVG, CSS, GIF, MP4-No watermarks at $8/mo