Mock Magic: Generate Branded Device Mockup Videos Instantly in Your Browser

Mock Magic generates branded device mockup videos instantly in the browser — no software needed.
Mock Magic: Video Presets is a lightweight browser-based tool that quickly transforms screen recordings into polished, branded device mockup videos, supporting iPhone, iPad, MacBook, and other Apple ecosystem devices. Its standout feature is Video Presets — configure your brand colors and device once, then reuse the setup indefinitely to keep visuals consistent across channels. It's built for indie developers and marketing teams, filling the efficiency gap between static mockup tools and professional video software.
From Static Screenshots to Dynamic Demo Videos
Device mockups have long been a staple in app promotion, product launches, and social media marketing. A screenshot framed inside an iPhone or MacBook instantly elevates the professional feel of any content. Yet the vast majority of mockup tools stop at static images — when you need a video that showcases your app's interactions, you're typically forced to turn to professional tools like After Effects or wrestle with tedious template stitching.
Mock Magic: Video Presets, which just landed on Product Hunt, targets exactly this gap. Its core proposition is straightforward: turn a screen recording into a polished device mockup video with branded colors, entirely in the browser, in a matter of seconds. The product currently holds 79 upvotes and 6 comments, ranking #13, categorized under Branding, Marketing, and Video — created by Simon Blok.

Core Capabilities: Video Mockup Generation + Reusable Brand Presets
An All-in-One Browser Workflow
Mock Magic's biggest differentiator is right there in the word "video." The traditional device mockup workflow usually goes: export a static image → manually drop it into a video template → adjust frame by frame. Mock Magic compresses this into four steps:
- Upload an image or a video (such as a screen recording);
- Select your target device — supported models include iPhone 17 Pro, iPad, MacBook, Apple Watch, and more;
- Set your brand's primary color via a Hex value, or upload a custom background;
- Download the finished video directly.
No Photoshop, no After Effects, no software installation required. For indie developers and small teams, this means compressing what used to take tens of minutes — or even hours — of post-production into a few seconds in the browser.
Presets: Configure Once, Reuse Forever
The highlight of this update is the Video Presets feature. You can save an entire configuration — device model, brand colors, background style — as a preset, then apply it with a single click across every future project.
This design directly addresses the pain point of brand consistency. A single app often needs assets tailored for multiple channels: App Store screenshots, the website homepage, Twitter/X, Instagram, and more. Manually adjusting colors and selecting device models each time makes it nearly impossible to maintain a unified visual style. With presets, no matter how many mockup images or demo videos you produce, colors and styles automatically stay aligned.
Who Does It Solve Problems For?
Indie Developers and Small Teams
Mock Magic's target user profile is clear: developers and entrepreneurs who don't have a dedicated designer and don't want to learn complex video software just to produce a simple demo clip. App Store screenshots and preview videos have a significant impact on download conversion rates, yet the production barrier has always been high. A streamlined "upload → select device → set colors → download" flow lowers that barrier considerably.
Marketing and Content Teams
For marketing teams, efficiency and consistency are perpetual priorities. The preset system makes batch-producing branded assets practical — when a new version ships, simply swap in the new screen recording and apply the same style in one click, drastically shortening the cycle from "product ready" to "assets live."
A Clear-Eyed Look at the Tool's Boundaries
As a lightweight SaaS tool, Mock Magic is positioned around being fast and good enough — not omnipotent. It's clearly not trying to replace After Effects. Complex transition animations, multi-device synchronized scenes, and precise camera control still require professional video editing software. What Mock Magic fills is the gap between "static mockup tools" and "professional video software": letting 80% of everyday presentation needs get done with 20% of the time investment.
From a product strategy perspective, focusing on Apple ecosystem devices (iPhone, iPad, MacBook, Apple Watch) is also a pragmatic trade-off — these are precisely the device types that appear most frequently in App Store and developer marketing contexts. Whether Android and other devices get added will likely be a key factor in whether the tool can grow its user base.
Closing Thoughts
Mock Magic isn't a disruptive innovation, but it accurately identifies a real efficiency gap: dynamic device mockup video production has long been monopolized by professional software, even though most use cases only need a simple, browser-based tool. With video mockup generation, multi-device support, and reusable presets as its three core features, it offers indie developers and marketing teams a low-cost, high-consistency shortcut to finished assets. For teams that produce branded content every single day, the value of a tool like this often shows up in the time saved — accumulated day after day.
Related articles

LangChain + MCP: From Core Concepts to Agent Tool Calling in Practice
Learn how LangChain and MCP work together — covering LLM tool calling, Agent architecture, and conversation history management to build real-world AI applications.

Probabilistic Machine Learning: Why It's the Cornerstone to Unlocking the ML Black Box
Without probability theory, ML is always a black box. This article explores why probabilistic foundations are essential for understanding machine learning algorithms, Bayes' theorem, MLE, and more.

Optimization Pitfalls in Self-Evolving LLM Agents: Value Concentration and Budget-Splitting Problems
HARNESSEVO research reveals 3 key LLM agent harness optimization findings: value concentrates in reflection/control slots, uniform budget splitting is harmful, and credit assignment must precede structured evolution.