Material Effect

The polish that makes color feel expensive

Highlights that gleam. Shadows that recede. The difference between a surface and a polished surface.

TheThedifferencedifferencebetweenbetweenaaflatflatsurfacesurfaceandandaapolishedpolishedoneoneisishowhowititcatchescatcheslight.light.MetallicMetallicaddsaddsthatthatcatch—highlightscatch—highlightsthatthatgleam,gleam,shadowsshadowsthatthatrecede.recede.YourYourgradientgradientgainsgainsdimensiondimensionititdidn'tdidn'thavehavebefore.before.

Sheen and Depth

Dimensional polish
for any gradient.

Metallic enhances contrast through highlights and shadows. It's not a metal texture that makes your gradient look like chrome—it's a sheen effect that adds dimensional polish.

Control the overall intensity, then fine-tune. The result is gradients that feel substantial and refined.

Intensity

0-100%

Highlight

0-100%

Contrast

0-100%

Polished Gold

YouYouknowknowthatthatmomentmomentwhenwhenyouyoupickpickupupsomethingsomethingwell-made?well-made?TheTheweight,weight,thethefinish,finish,thethewaywaylightlightmovesmovesacrossacrossit.it.That'sThat'swhatwhatmetallicmetallicdoesdoestotoaagradient.gradient.It'sIt'saboutaboutfeelingfeelinglike quality.like quality.

Crafted Finish

The weight of something well-made.

That moment when you pick up a beautifully crafted object. The heft. The finish. The way light moves across the surface.

Chrome

Gold

Rose

Make your gradients
feel worth something.

No Photoshop layer stacking. No hunting for the right blend mode. Just open the editor, dial in metallic, and watch flat color become something you'd want to touch.

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