Dockerfile

Dockerfile Code Screenshot Generator

Turn Dockerfile snippets into images worth sharing, without leaving your Mac.

Dockerfiles get screenshotted more than almost anything else, usually to show a layer order or a multi-stage build.

Codeshot detects Dockerfile from the code you paste, so there is no language picker to get wrong. Here is the same snippet in three of the 30 themes it ships with, rendered with the app's own stylesheets.

FROM node:20-alpine AS build
WORKDIR /app
COPY package*.json ./
RUN npm ci
COPY . .
RUN npm run build

FROM nginx:alpine
COPY --from=build /app/dist /usr/share/nginx/html

Atom One · dark

FROM node:20-alpine AS build
WORKDIR /app
COPY package*.json ./
RUN npm ci
COPY . .
RUN npm run build

FROM nginx:alpine
COPY --from=build /app/dist /usr/share/nginx/html

Edge · dark

FROM node:20-alpine AS build
WORKDIR /app
COPY package*.json ./
RUN npm ci
COPY . .
RUN npm run build

FROM nginx:alpine
COPY --from=build /app/dist /usr/share/nginx/html

GitHub · dark

Choosing a theme for Dockerfile

Keep the whole stage in frame. A Dockerfile cropped mid-stage is actively misleading, since the order of the instructions is the point.

Getting the size right

Let the image follow your content, or lock it to a ratio — 1:1, 4:3, 3:2, 16:9, 9:16, 2:3, or 3:4 — then export at 1×, 2×, or 3× so it stays sharp on a retina display. Copy it straight to the clipboard with ⌘⇧C, or save with ⌘S.

See all 30 themes side by side, or read the full workflow.

Built for Dockerfile, and 59 other languages

Everything runs on your Mac. Your code never leaves it.

Download for macOS