Subscribe
Sign in
Mock
p/mockMockup your videos with devices
Start new thread
Lee Martin

Mock - Instantly create video mockups from screen recordings

by•

A free (and paid) simple web app which creates video mockups from screen recordings by wrapping your recording in a device image. Produces clean and simple videos. Saves time and sanity. Made by an amateur designer for professional designers.

Add a comment

Replies

Best
Lee Martin
Maker
Hello Product Hunt 👋🏻 Mock is a simple app I built for myself after getting tired of wasting time creating video mockups from screen recordings simply because I wanted to send something that looked more professional to my clients. I find myself using it every week now and it feels magic to not search Google for device images or fire up After Effects. You can create a video by simply choosing your video file, selecting the device you recorded it on, and choosing a background color. Once your file is uploaded, the app will begin creating your mockup video and then email you the completed version. If the video is small enough to be attached to the email, we'll do that too. You can use Mock for free and your video will include a small watermark. Through testing, I uncovered a simple route to viability in watermark removal and higher resolution videos. So, if you subscribe, you can do exactly that. The app was built on a bunch of rad technologies from Netlify to Serverless. Let me know if you have any questions on how it was developed. I use Contentful to manage the devices, models, and export sizes, so adding and adjusting those is pretty painless. Let me know if you'd like a device or export size added. While I have developed plenty of experiences for clients in my career, I am 100% a beginner at making products. As such, any feedback or suggestions would be greatly appreciated. Thanks to all of the testers on Ship who helped turn this into a real product. Cheers, Lee
Lee Martin
Maker
@satwaya Thank you Joshua!
Lee Martin
Maker
@florianheger Cheers Florian. If you have any ideas, send them my way. 🙌🏻
Casey Fulgenzi
Great idea @leemartin! It would be nice to have a Macbook device option.
Lee Martin
Maker
@caseyfulgenzi Cheers Casey! I tried to get that in super quick for you just now but will need to do a tiny bit of interface work. I'll get it up by tomorrow. 🙌🏻
Lee Martin
Maker
@caseyfulgenzi Macbook is now available 💻
Igo Akulov
Hey @leemartin, is exporting in GIF format planned any time soon? I'm thinking of feature animations for landing pages. Would also love to see optional means to add extra context like app icon & name and one-line description of what's happening in the frame. Cheers.
Lee Martin
Maker
@igoruphere Hey Igor, these are all excellent suggestions! I will need to research GIF closely if I'm going to add that functionality to the app. For now, you may simply want to use an MP4 to GIF converter once you've created the video with MP4. I'm mostly hesitant due to how a GIF's file size bubbles up and at the moment we do not have max lengths for anything. 😅Still, it's worth looking into. I love the idea of custom branding and will likely make that feature part of the pro offering as a replacement for the watermark. In addition, the one line description makes a lot of sense in the top left corner. App updates will likely be chronicled on the Mock twitter if you'd like to follow along: https://www.twitter.com/mockvideo Thank you so much for the ideas.
Adam Tony
nice product, recommend 4 u guys
Lee Martin
Maker
@adam_tony Thank you Adam!
Kanku Edouard Jimmy
Very nice and professional, I just asked to mockup my android app video demo and it was done in a couple of minute. Thanks
Lee Martin
Maker
@kanku_edouard_jimmy Cheers Kanku, glad the app is helping you save time.
Kofi Dotse 🇬🇭
Honestly the best I have seen so far 😍😍😍
Lee Martin
Maker
@kofiidee You're the best. 💪🏻
Joep van Leijsen
Nice job @leemartin ! Looks great, will try it later today :)
Lee Martin
Maker
@joepvanleijsen Cheers Joep! Nice to see you here 🔥
Krishna De
@leemartin What a great idea. I tried it out on FF and it seemed not to recognise my video. What format does the video need to be? Is there a max length to the video? Do I need to create an account before using the app? I would love to see the app available with a transparent background too.
Lee Martin
Maker
@krishnade Hey Krishna! The app should allow any video format but I was told about a little bug on the file selector which I have just pushed a fix for. Out of curiosity, what format is your video and can you email it to me? hi@leemartin There is no max limit at the moment but I also haven't tested longer videos. Do you have a particularly long one? You do not need an account to use the free version of the app. 🙌🏻 You're not the first to ask for transparent backgrounds and I would love to understand this request a bit more. What's your vision for a transparent video and how would you use it?
Joshua Pinter
Neat! Useful for marketing on the socials I guess, but I was expecting more than just the video with a background. Was kind of expecting a 3D panning or something.
Lee Martin
Maker
@joshuapinter Hey Joshua! Thanks for checking out the app and sorry for the confusion. I'm keeping it in the 2d realm to begin with because that's my dimension of expertise. 😅
Christine Lix
nice
Varnolen John
Wow! Amazing!
Nana Mark

it will be better if there are more options to make the video more corlorful

Pros:

use Mock for free and video will include a small watermark

Cons:

none

Lee Martin
Maker
Cheers Nana! What about the ability to add a custom background? 🌈
Michelle Monaghan
nice
Ansar Mehmood
Awesome product @leemartin . I tried initially on Firefox but it wouldn't recognise my mp4 file however works perfectly in Chrome (I'm on a mac btw). Super simple to use. Nice work!
Lee Martin
Maker
@ansar Hey Ansar, thanks for the kind words. Turn out there was a file input bug for Firefox but it should work now. Let me know if you still see otherwise and thanks again for checking out the app!
Phung Javien
goodddd
Tekeste Kidanu
Amazing product! I have a similar product called cleanmock.com. I have been trying to add video mockups to my offering but it seems that it would increase my server cost dramatically. I would love to hear how you are creating these videos in the backend. I tried with ffmpeg with no luck.
Lee Martin
Maker
@iamtekeste FFMPEG 😅
Tekeste Kidanu
@leemartin I figured. I guess running it on lambda is not as expensive?
psnr
Love it! Way to go, Lee!
Lee Martin
Maker
@psnr__ Thank you!
Tenlie Mourning
This is a lifesaver. Thank you for developing this!
Lee Martin
Maker
@tenlie_mourning Happy to save your life! Thanks for checking out the app. 🦸🏻‍♂️
Brendan Uyeshiro
This is awesome, would love a looping GIF export option as well. So simple and clean.
Lee Martin
Maker
@brendan_uyeshiro love this idea. For now, you can always use an mp4 to gif convertor once Mock does it's thing for you. Here's one that worked for me! https://ezgif.com/video-to-gif
Lee Martin
Maker
@standingstill 💁🏻‍♂️