Kapwing
Content creation made easy, accessible, and collaborative
Start new thread
Eric Lu

Mobile Mockup Maker - The simplest way to create a beautiful mobile mockup

by

Are your mobile mocks feeling bland? Have you ever wanted to add more color? Mobile Mockup Maker is perfect for anyone who wants to make a beautiful, mobile-based mock in just three clicks.

It's completely free and online. Just add a screenshot, choose your colors, and share directly to Twitter, Slack, or wherever you want! Have fun!

Add a comment

Replies

Best
Eric Lu
Maker
Hi Product Hunt 👋 When I'm working on designs for our mobile app, I often want to share them with my coworkers in a presentation. But, just having a simple screenshot is too bland. I've tried other apps like PlaceIt (https://www.producthunt.com/post...) but sometimes I just want to be able to create the screenshots for free, in a snap! I would sometimes do this in Google Slides, but it would take forever to line up the image and make sure that it was sized correctly. And one wrong click and everything would get messed up. I wanted something like Screely (https://www.producthunt.com/post...) - really simple with a tasteful background, that would work in just a few clicks. But I needed it to work for my mobile app screenshots! So to solve these problems, I made the Mobile Mockup Maker. Just choose a screenshot from your computer, and it will automatically place it within the mobile frame. You can also specify a color for the background, as well as the phone frame. It only takes a few clicks! Huge shoutout to @jurn_w for the inspiration with Screely. What an awesome product. Hope you all like it - let me know what you think! Eric
Steve P. Young
@jurn_w @realericlu this is really cool!
Sam Sabri
Love everything Eric and Julia make! Quick suggestion, can you support more devices? For example, took a screenshot from my iPhone X and it does not look good at the moment no matter what I do. Would be great if I could just select the device that the screenshot came from and have it look great without any futzing around with cropping or fitting or stretching or whatever. Thanks! Keep up the good work.
Biraj Ghosh
Its really useful Eric...kind of reminds me of screely..do you have plans to add more device types? Also the bright background looks good with dark shadows like the green one..but the red one looks a bit off with the light shadow
Eric Lu
Maker
@biraj appreciate the feedback! Yes i am planning to add more device types. Which ones do you think would be most useful?
Biraj Ghosh
@realericlu a macbook and and Ipad to start with I guess also try the dark shadow through out all the background...I saw the shadows are a bit random....light shadows kinda making the device's edge seem blurry.
Puja Das
I like this product as it helps with basic designing during presentations. It saves the designers and my time.
Eric Lu
Maker
@puja_das thanks Puja! Any thoughts on how we might be able to improve it?
Puja Das
@realericlu Adding more device types would help, especially iPhoneX
Greg Depinay
Clean and simple. A few suggestions: - More device types (at least iPad) would be useful. - When I crop an image that is not the perfect size, it would be nice to have a bit more control (like zoom in/out and move up/down). - Also, since you mentioned Screely: @jurn_w is pretty transparent about what happens to your screenshot - "We don't upload or store any image on our server, everything stays on your computer.". I think you should also make this clear.
Mrigank Pawagi

I am eagerly waiting for updates! Apart from Design updates, you can also give feature to SAVE custom templates.

Pros:

Free and Pretty Quick!

Cons:

No Customisations for Device Orientation and Frame Type (except colors). for Tablets and PCs. Backdrops too should be Customisable .

Ranjit Ghoshal
You sir are an angel sent from heaven! (PS can we connect I would like to ask you a question?)
Vel Murugan S

Quick and easy solution to take mobile screenshots.

Pros:

User friendly

Cons:

No option to fill color, if uploaded screenshot is smaller than available screen.

@myblocktyler
This is super cool!
Jurn
Really cool! Love the UI of this. Glad I could inspire you with Screely😊
yERO___

Could you have an export for iTunes Connect / Play Store button with the correct sizes and all devices ?!

Pros:

Easy and goes to the point, minimalist, maybe a bit too much.

Cons:

different devices sizes, models, I should have to upload the correct size to not have to stretch the image.

Krishna De
Great to see you launch more tools @realericlu from the Kapwing stable - I hope you add on more frames including tablets, Android and laptops which will make it even more valuable - and do make it accessible from the Kapwing tools menu - I missed this launch on PH and only came across the new tool through reading your blog
Jeremy Dean Lakey

I was done with my 4 mockups in about 2 minutes. Before this, I googled around for a while to find a site to do mockups. Most of what I found was too complicated for what I need, or wanted to sell a package that was too much for a quickie use. I'm surprised this one didn't even make me signup with an email.

Pros:

So, so easy and quick and simple

Cons:

None? Maybe if you want a variety of angles.