Mockups
Seven sections, one per job. Each card is a composition — pick one, then choose the device, finish, colour and tilt inside. Hover any card to see it move.
Preview with
Accent
Backdrop
Plan
Shots
Device
Sort
§ 1
Screenshot Editor
1 CARDThe canvas everything else falls back to. Any image, any ratio — backdrop, padding, shadow and tilt.
Blank canvas
Any imageAny ratioBackdropPaddingTilt
§ 2
Browser & Window
5 CARDSYour site in real window chrome — Chrome, Safari or Arc, light or dark — alone, stacked or paired with a phone.
Browser window
1 screenshotChrome · Safari · ArcLight / dark
Window + text
1 screenshotHeadlineTilt
Two windows, stacked
2 screenshotsDepth
Before / after
1 screenshotSplit view
Responsive pair
2 screenshotsWindow + phone
§ 3
Device Mockups
27 CARDSTwenty-seven compositions. Model, finish and tilt are dropdowns inside each one, so any layout works with any phone, tablet or laptop.
One device08
Floating, straight on
1 screenshotTilt
Perspective lean
1 screenshotTilt
Isometric
1 screenshotLeft / right
Reclined
1 screenshotFrom above
Dutch angle
1 screenshotIn-plane
Bleed bottom
1 screenshotCropped
Hero, bleed right
1 screenshotHeadline
Peeking from a corner
1 screenshotCropped
Two devices06
Laptop + phone
2 screenshotsPhone front-right
Mirrored, tilted inward
2 screenshotsTilt
Offset overlap
2 screenshotsFront one lower
Front + back
2 screenshotsDepth
Tablet + phone
2 screenshotsiPad + phone
Desktop + mobile
2 screenshotsResponsive
Three devices04
Trio, centre upright
3 screenshotsFlanks tilted in
Cascade
3 screenshotsStaircase
Fan spread
3 screenshotsArc
Triangle cluster
3 screenshotsTwo back, one front
Four to six05
Isometric grid
6 screenshotsIsometric
Scatter floor
5 screenshotsRe-roll
Carousel strip
6 screenshotsEdges cropped
Wave
5 screenshotsAlternating heights
Depth stack
6 screenshotsBlurred back rows
Scene04
Headline above
1 screenshotHeadline
Text left, device right
1 screenshotHeadlineTilt
On a backdrop card
1 screenshotRounded card
Before / after, framed
2 screenshotsLabels
§ 4
App Store Sets
4 CARDSOne config, every store size. Headlines, sequence numbers and frames stay in sync across the set.
iOS set — 6.7″ + 6.5″
4 panelsMulti-exportNumbered
iPad set
3 panelsMulti-export
Play Store set
4 panelsMulti-export
Feature graphic — 1024 × 500
1024 × 500Play Store
§ 6
Code & Terminal
6 CARDSDrawn from text, not screenshotted — so it stays sharp at 3× and on any backdrop.
Code snippet
ThemesLine numbers
Terminal
Prompt✓ / ✗ rows
Diff / PR
+/− linesStatus
API call
Request + responseLatency
Repo card
StarsTopics
Docs callout
Note · tip · warning
§ 7
Proof & Launch
7 CARDSQuotes, numbers and launch-day cards that do the selling.
Testimonial
StarsAccent
Stat card
DeltaSparkline
Revenue chart
LineCurrent figure
OG image
1200 × 630Links
Changelog
Version chipTags
Feature announcement
EyebrowShotCTA
Product Hunt card
Upvotes