ShotmeshOpen editor
Linear preset

Midnight Drive gradient background

Black to deep navy with a faint blue edge.

Open in editor All backgrounds
  • #020617
  • #312E81
  • #0EA5E9
Midnight Drive gradient background behind a dashboard screenshot in a browser frame

Best for

Code, terminals, dark-mode apps that should stay understated.

Pairs with

Terminal frame, white or cyan annotations.

Editable layers

3 color stops at 200 degrees. Change any stop, the angle, or add a third color.

How to use it

Put a screenshot on Midnight Drive

  1. 01

    Open the preset

    Click "Open in editor" above. The editor loads with Midnight Drive 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 Linear

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 Midnight Drive

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

Open in editor