ShotmeshOpen editor
Classic preset

Emerald gradient background

Emerald green to teal.

Open in editor All backgrounds
  • #34D399
  • #065F46
Emerald gradient background behind a dashboard screenshot in a browser frame

Best for

Finance dashboards, growth charts, eco products.

Pairs with

Light frame, dark text.

Editable layers

2 color stops at 140 degrees. Change any stop, the angle, or add a third color.

How to use it

Put a screenshot on Emerald

  1. 01

    Open the preset

    Click "Open in editor" above. The editor loads with Emerald already applied to the canvas.

  2. 02

    Paste your screenshot

    Cmd+V or drag a file in. Add a window frame, padding and shadow from the right panel. Run the privacy scan if there is anything sensitive.

  3. 03

    Export

    PNG for a static post. GIF or MP4 if you want the mesh to move. The GIF is compressed under the 15MB X limit automatically.

More Classic

Same family, different mood

Works well with

Tools that use this background

Mockup

Put your app screenshot in an iPhone

Backgrounds

Add a background to any screenshot

Social

Make an OG image at 1200 by 630

Mockup

Wrap a screenshot in a browser window

Start with Emerald

It is loaded and waiting. Paste a screenshot and export in under a minute.

Open in editor