Changelog

July 31, 2026 • v1.2.0 • Feature

MockupReel 1.2.0 introduces Static Image Mockups, Frame Snapshots & Session Gallery, and Hero-Cropped Exports, making it easier than ever to turn both screenshots and screen recordings into polished marketing assets. Upload a screenshot, capture the perfect frame from a video, and export beautifully framed device mockups in seconds.

---

🖼️ Static Image Mockups

Create realistic device mockups directly from static screenshots, no screen recording required.

• Upload Static Screenshots: Import PNG, JPG, or WEBP images and instantly place them inside any supported device frame.
• Instant Editing: Screenshots appear immediately with no loading or conversion delays, so you can start customizing right away.
• High-Resolution Support: Large images are automatically optimized to keep the editor responsive while preserving excellent export quality.
• Smarter Editor Controls: Playback controls automatically adapt when working with static images and seamlessly switch back when motion is added.

---

📸 Frame Snapshot Engine

Capture beautiful high-resolution images from any point in your recording without pausing your workflow or relying on external screenshot tools.

• Instant Frame Capture: Press Shift + S at any point in the timeline to instantly capture the current frame.
• Natural Camera Feedback: Every snapshot is accompanied by subtle visual and audio feedback, making captures feel fast and satisfying.
• Professional Capture Overlay: A clean camera viewfinder appears while capturing, giving every snapshot a polished, studio-inspired feel.
• Smooth Capture Workflow: Your first snapshot gracefully transitions into the Session Gallery, providing immediate visual confirmation without interrupting playback.

---

!Screenshot To Mockup

📱 Smarter Device Framing & Hero-Cropped Exports

Create cleaner, more impactful marketing graphics with intelligent device framing that keeps your mockup front and center.

• Hero-Cropped Exports: Static image exports are automatically cropped around your device to create polished, presentation-ready graphics with balanced spacing.
• Unchanged Editing Experience: Your editor canvas remains exactly as you designed it. Hero cropping is applied only to the final exported image.
• Smart Watermark Placement: Watermarks automatically reposition themselves within the cropped image, ensuring they remain visible and properly aligned.
• Works with Every Background: Hero cropping works seamlessly with transparent backgrounds, gradients, images, and patterns while preserving your full design.

---

🖼️ Session Gallery & Snapshot Exports

Manage every snapshot from a dedicated gallery and export them in the format you need.

• Session Gallery: Every captured frame is automatically added to a floating gallery so you can review and manage your snapshots without disrupting your workflow.
• Transparent or Full Scene Exports: Choose whether to export the complete composition or an isolated transparent device mockup.
• Multiple Aspect Ratios: Export snapshots in 1:1, 9:16, 16:9, or preserve the original aspect ratio.
• Copy to Clipboard: Copy transparent PNG snapshots directly into Figma, Slack, presentations, or other creative tools with a single click.
• Bulk ZIP Export: Download individual snapshots or export your entire session as a ZIP archive.

---

⌨️ Improved Keyboard Shortcuts

Creating marketing assets is now even faster with updated keyboard shortcuts.

• Shift + S captures a snapshot of the current frame.
• Shift + D quickly switches between available device styles.
• Shortcut hints are now displayed throughout the editor, making them easier to discover as you work.

---

✨ Improvements & Polish

• Smoother Scrolling: Horizontal galleries now feel more polished with subtle edge fades and improved scrolling behavior.
• Instant Snapshot Feedback: Snapshot animations, sounds, and gallery updates now respond immediately for a faster, more responsive experience.
• Improved Gallery Responsiveness: Snapshot galleries adapt more smoothly as your collection grows or when resizing the editor.
• Sharper Interface Icons: Improved SVG rendering delivers crisper icons throughout the editor across all display sizes.
• Performance Improvements: Improved editor responsiveness and stability, delivering smoother interactions and more consistent performance during editing.
• Improved Background Selection: Selecting a previously uploaded background is now separate from replacing it, making background management faster and preventing accidental file picker pop-ups.
• Product Tour Fix: Fixed an issue where the canvas could incorrectly dock after completing the interactive product tour.
• Cleaner Background Library: Removed the legacy Mesh Gradient category to simplify the background library and make finding the right background easier.

July 28, 2026 • v1.1.0 • Feature

This update makes MockupReel faster to navigate with a new keyboard shortcuts system, while giving your videos a more polished look with powerful custom gradient tools, ultra-smooth export dithering, and persistent color settings.

---

⌨️ Keyboard Shortcuts

Working in the editor is now faster and easier thanks to a new shortcuts system designed to help you discover and learn keyboard shortcuts naturally as you work.

• Keyboard Shortcuts Panel: Browse available shortcuts organized by what you're currently doing in the editor, making it easier to find the commands that matter.
• Hold-to-Peek Discovery: Hold Ctrl or ⌘ Cmd to quickly reveal available shortcuts without interrupting your workflow.
• Learn as You Work: Tooltips throughout the editor now display their corresponding keyboard shortcuts, helping you build muscle memory over time.
• Safer Shortcuts: Actions that could remove your work now display a confirmation prompt before proceeding.

---

!Custom Background Gradient Demo

🎨 Custom Gradient & Background Engine

Background customization has been completely redesigned, giving you more creative freedom and finer control over every gradient you create.

#### 🎛️ Advanced Gradient Editing

• Custom Gradient Editor: Create beautiful linear and radial gradients with an intuitive editor featuring multiple color stops, adjustable angles, and interactive positioning controls.
• Undo & Redo Support: Every gradient edit is fully integrated into your editing history, making it easy to experiment without losing your work.
• Persistent Background Settings: Your custom gradients and solid colors are automatically preserved when switching between background types, so your work is always there when you come back.
• Instant Live Editing: Select a custom color or gradient and see the canvas update immediately while continuing to fine-tune it in the editor.

#### 🎬 Higher Quality Exports

• Audio Export Fix: Fixed an issue that prevented audio from being included in exported videos. Audio is now preserved and remains synchronized with your recording.
• Smoother Color Gradients: Gradient backgrounds now export with cleaner color transitions, significantly reducing visible banding in both HD and 4K videos.
• More Accurate Colors: Improved color rendering produces richer gradients with smoother blends and more consistent results between the editor and your exported video.

#### 🎬 Motion & Timeline Polish

• Smarter Motion Presets: Switching between motion presets now automatically applies each preset's recommended settings, giving you a consistent starting point every time.
• Reset to Defaults: Instantly restore a motion preset's original settings with a single click, making it easy to experiment and start fresh whenever you need.
• Accurate Timeline Scaling: The timeline now matches the exact length of your recording, making scrubbing, thumbnails, and time markers align more accurately from start to finish.
• Improved Timeline Stability: Editing empty or newly created projects is now more reliable, with improvements that prevent unexpected timeline and motion state issues.

July 21, 2026 • v1.0.0 • Launch

Welcome to MockupReel 1.0! 🚀

After 2 months of refining MockupReel with feedback from our beta users, we're excited to officially launch MockupReel 1.0.

MockupReel is a browser-based motion studio that helps you transform simple screen recordings into polished, presentation-ready product videos in minutes. This first major release introduces a completely redesigned animation system, richer visual customization, a faster export engine, and a smoother editing experience from start to finish.

---

What's New in v1.0

🎬 Cinematic Motion

• Redesigned Timeline Controls: Navigate your recording with a new floating playback dock featuring precise scrubbing, filmstrip previews, and smoother playback.
• New Camera Presets: Bring your product to life with cinematic camera movements including Float-In, Inspect Left, Inspect Right, Micro Swing, and Pop Entrance.
• Smoother Motion: Camera animations feel more natural with refined zoom behavior, improved transitions, and consistently fluid playback.
• Consistent Live Preview: What you see while editing now closely matches your exported video, including camera movement and parallax effects.
• Customizeable Motion Presets: Motion presets are no longer one-size-fits-all. Fine-tune visual properties like Glare Intensity, Zoom Level, and Tilt Distance to match your product, brand, and presentation style.
• More Motion Control: Fine-tune animation duration and easing to achieve exactly the presentation style you want.

🎨 More Ways to Customize

• 9 Animated Ambient Backgrounds: Choose from Classic, Aurora, Lava, Fluid, Spotlight, Pulse, Mesh, Ripple, and Split to instantly create a more cinematic scene.
• Upload Custom Backgrounds: Add your own gradients, textures, or branded artwork to better match your product and marketing materials.
• Lens Vignette: Add subtle cinematic edge shading that naturally draws attention to your product.
• Flexible Device Frames: Switch between realistic device frames and clean vector styles across 9:16, 1:1, and 16:9 layouts.
• Hardware Cutouts for Vector Devices: Choose between Punch-hole, Dynamic Island, or Notchless styles on vector frames for true-to-life presentation details.
• Custom Watermarks: Add your own branding directly to exported videos.

⚡ Faster & More Reliable Exports

• Export Videos up to 3 Minutes: Create longer product demos without worrying about browser memory limitations.
• Improved Export Stability: Large exports are now significantly more reliable, reducing failed renders and improving overall performance.
• Quick Teaser Exports: Generate lightweight teaser videos and thumbnails faster for social media and quick sharing.

🧭 Easier to Get Started

• Interactive Product Tour: First-time users are guided through the editor with contextual tips that explain the workspace, camera controls, and export process.
• Built-in What's New Experience: Explore new features directly inside MockupReel through an interactive changelog and update highlights.

🛠️ Improvements & Polish

• Faster Project Recovery: Previously opened projects are restored more reliably, making it easier to continue where you left off.
• Performance Improvements: General rendering and editing performance have been optimized for a smoother experience across supported browsers.
• Improved Layout & Navigation: Refined typography, spacing, responsive layouts, and interface consistency throughout the application.
• Keyboard Shortcuts: Work faster with the first set of keyboard shortcuts. Press Space to play or pause your preview, and Backspace or Delete to quickly remove a selected motion block.
• Better Accessibility: Improved keyboard navigation and focus states for a more accessible editing experience.
• Numerous Bug Fixes: Addressed stability issues and polished countless small interactions across the editor to make MockupReel feel faster, more reliable, and more enjoyable to use every day.

---

Thank you to everyone who tested MockupReel during beta and shared feedback along the way. Your suggestions directly shaped this release, and we're excited to keep building the fastest and easiest way to create beautiful product showcase videos.