Shotmesh for Chrome is live. Grab any tab straight into the editor.
ShotmeshOpen editor
Studio preset

Graphite gradient background

Charcoal to black, the quietest background here.

Open in editor All backgrounds
  • #303030
  • #101010
Graphite gradient background behind a dashboard screenshot in a browser frame

Best for

Code screenshots, terminals, dark-mode apps.

Pairs with

Terminal frame, white or green text.

Editable layers

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

How to use it

Put a screenshot on Graphite

  1. 01

    Open the preset

    Click "Open in editor" above. The editor loads with Graphite 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 Studio

Same family, different mood

Works well with

Tools that use this background

Code

Make a code screenshot worth posting

Motion

Turn a static screenshot into a looping GIF

For X

Make a screenshot that looks right on X

Motion

Make a screenshot mockup that moves

Start with Graphite

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

Open in editor