WarpScene mockup
Put your design on a phone, a frame, a book — or into your own photo
19 drawn scenes, or your own photo of a screen, a frame or a page. Drop the design on, download. Exact perspective, nothing uploaded.
Drag a corner onto a corner of the screen, frame or page: a loupe shows where it lands and it snaps. Drag inside the design to move it, or with "Move the image inside" on, to choose the part that shows. Alt places a corner freely; keys 1–4 pick a corner and the arrows nudge it.
In short
WarpImage's scene mockup is a free mockup generator that puts a screenshot, artwork or a book cover on a phone, a laptop, a frame, a poster or a book in 19 drawn scenes, or into your own photo with exact perspective. Pick a scene or open your photo, add the design and drag its four corners, which snap to the screen or frame in the photo. Download a PNG: a drawn scene 2,400 px wide, a photo at its own resolution up to 1,600 px on its longest side on the free plan. It is free to use, adds no watermark and does its work in your browser, so pictures, files and fonts never leave your device; the first 20 exports and share links need no sign-up, and a free account has no limit on them. The files a product is made from (cut-ready SVG and PDF, PNG past 1,600 px, designs of more than one line) come with Plus at $5 a month, after 3 trial files on a free account.
Every scene has its own page
Drawn, not photographed, so each is sharp at any size and there is nothing to download. Each kind of scene has a page too.
What people put in photos
App screenshots
A photo of your phone or laptop on your desk beats a stock device frame. Drop the screenshot on the screen, set the corner radius, export for the App Store page or the launch post.
Wall art and posters
Photograph the frame in the room, put the print in it, list it. The same photo works for every design in the shop; only the file changes.
Book covers
A book on a table, a tablet showing the ebook, a paperback in someone's hands: put the cover where the old one was and the shadows and reflections of the photo stay.
How it works
- Choose a scene, or a photo. A scene is ready to go. A photo is any JPG, PNG or WebP with a flat surface in it: a screen, a frame, a page, a sign.
- Add the design. A screenshot, a print, a cover; on Plus, several in one picture, each placed on its own. Transparent PNGs keep their transparency.
- Drag the four corners. Each one snaps to the nearest corner it finds in the photo; the loupe shows the exact pixel. Add a corner radius for rounded screens.
- Download. PNG at the photo's resolution, or WebP, JPG and PDF on Plus.
Want the design bent rather than flat — arched, waved, on a curved page? The image warper has seventeen styles and a freeform mesh; the text warper does the same for lettering.
Frequently asked questions
Is my photo or design uploaded?
No. Both files are read into your browser and the picture is rendered on your own GPU. Nothing leaves your device; closing the tab removes them.
How do the corners snap?
As you drag a handle, the tool looks for a corner in the photo near it — where a screen meets its bezel, a print meets its frame — and pulls the handle onto it. The loupe shows the exact spot. Hold Alt to place a handle freely, or untick snapping.
Does the perspective come out right?
Yes. The design is mapped with a true projective transform, the same maths a camera applies to a flat surface, so straight lines stay straight and the far edge shrinks the way it does in the photo. It is exact from the four corners; there is no grid to see.
What about rounded screen corners?
Use the corner radius slider. The rounding follows the perspective and the edge is antialiased, so it sits on a phone or tablet screen without a hard outline.
What resolution is the download?
The photo's own resolution, up to 1,600 px on the longest side on the free plan, 4,096 px on Plus and 16,384 px on Pro. The design is sampled with mipmaps, so a large screenshot shrinks onto a small screen without shimmer.
Can I put several designs in one picture?
Yes, on Plus (up to 5) and Pro (up to 10). Add another design puts the next one in the same picture with its own four corners, corner radius and fit: prints on a gallery wall, a phone beside a laptop. On a photo, each new design goes on the next screen or frame the tool finds. Click a design in the picture to move it. The free plan puts one design in a picture.
Can I remove the background from my design?
Yes, with a free account. Cut out… opens the selected design: click the subject and a model running in your browser finds its outline, click again to keep or remove parts, and brush over what it missed. Everything else turns transparent and the cut-out goes back in its place, fitted inside it. The model (about 14 MB) loads once; the picture is not uploaded.
Can I choose which part of my design shows?
Yes. Zoom enlarges the design inside its surface, and with Move image inside on, dragging inside it moves the image within the screen or frame; the mouse wheel zooms too. Reset puts it back. The file itself is not changed.
Can I bend a design onto a curved surface?
On Plus and Pro, yes. Shape: Bent turns the four corners into a grid of points (up to 5 × 5 on Plus, 7 × 7 on Pro) laid flat through the perspective; drag them onto a curved monitor, a mug, a pillow or a page that is not flat. Four corners, with exact perspective, are free.
Can I put a video or GIF in?
Not yet. The Export video button asks what you would use it for; that is how we decide when to build it.