Polaroid Frame Generator

Wrap any photo in a Polaroid-style instant photo frame with a caption, tilt and custom colour, then download the PNG.

Drag & drop a photo here, or click to browse

No uploads. Your files stay on your device.

No uploads. Your files stay on your device.

Free forever, no sign-up, no cookies. Buy me a coffee

How it works

Drop a photo and it is instantly redrawn inside a Polaroid-style instant-photo frame: an even border on three sides and the wide bottom strip that gives the classic look. Choose the photo shape (the square 1 : 1 crop is the authentic one), the frame colour, a handwritten caption and a slight tilt, then download a transparent-background PNG. Every pixel is drawn with the Canvas API inside your browser — the photo is never uploaded anywhere.

Your image is centre-cropped to fill the chosen shape, so nothing is stretched. Increase the bottom strip if you want more room for a caption, and switch the frame to black or vintage cream for a different mood. Copy CSS frame gives you the equivalent padding, box-shadow and transform rules if you would rather build the same polaroid effect in HTML instead of exporting an image.

Frequently asked questions

How do I make a photo look like a Polaroid?

Drop your photo on the tool and it is redrawn inside an instant-photo frame straight away: an even border on the left, right and top, and the wide bottom strip that makes a Polaroid recognisable. Keep the 1:1 square photo shape for the authentic look, add a handwritten caption on the bottom strip, tilt the frame a few degrees, then click 'Download PNG'. Everything is drawn with the Canvas API in your browser, so your photo is never uploaded.

Is the exported image transparent around the frame?

Yes. The PNG is exported with a transparent background, so once you tilt the frame or switch on the drop shadow, the corners outside the polaroid stay see-through and you can drop the image onto any background in a slide deck, a collage or a web page. If you want a flat rectangle instead, leave the tilt at 0° and the shadow off — the output is then exactly the frame itself.

Can I get the polaroid effect as CSS instead of an image?

Yes — click 'Copy CSS frame'. It copies a small rule set with the padding that matches the border and bottom strip you chose, the border radius, the box-shadow and the rotate() transform, plus a sizing rule for the inner <img> with object-fit: cover. Paste it into your stylesheet and your HTML photo gets the same polaroid framing without exporting a picture at all.

Report a bug