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
Best
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.
Report
Share
@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?
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.
@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. 😅
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.
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
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.
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
just tried it for the app we're building (like a YouTube for short audio-clips) and it was super smooth!
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!
This is a wonderful tool! If you're making an app and want to get by with your own videos for a while, this is priceless!
THIS IS BEST PRODUCT . i use this for every our site article ! this is great for iPhone How to Article
Thanks developer
Very nice and professional, I just asked to mockup my android app video demo and it was done in a couple of minute. Thanks
@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 product is a godsend. I used it to make material for a landing page, and it's beautiful.
Great Product but pricing needs to fixed comparing to other alternates like Place it etc.