Subscribe
Sign in
Mock — Instantly create video mockups from screen recordings
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.
72
Replies
@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. 😅
Seriously, I need this for my YouTube channel! I have tried finding a Final Cut Pro plug-in that can do this but no luck yet. If you can make this an app that we can (purchase and) download so the video gets processed locally with latest mocks - it will be a great hit!
@chakkaradeep Cheers Chak. I'd love to better understand your workflow if you'd like to email me about it: hi@leemartin.com
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.
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!
@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!
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
just tried it for the app we're building (like a YouTube for short audio-clips) and it was super smooth!
@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.
@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?
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.
@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.
@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. 🙌🏻
This is awesome, would love a looping GIF export option as well. So simple and clean.
@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
ntwrk