Mockaps Mockaps
MOCKAPS / PRODUCT NOTESA WORK IN PROGRESS. ALWAYS.

THE MOCKAPS CHANGELOG

Little changes.
Better creating.

Notes from the studio: what’s new, what’s improved, and the details that make Mockaps better to use.

  1. 3D Design EditorLatest update ↗

    STUDIO NOTE / 83

    AI Design recognizes more SVG guides

    Use AI Design on recent vinyl, USB and SIM mockups and leave the editor without a prompt after ordinary edits.

    • AI Design recognizes the red cut lines used in newer mockup guides.
    • Vinyl label artwork leaves the spindle hole clear in SVG and raster output.
    • The browser no longer asks you to confirm navigation after ordinary edits.
  2. App Animations

    STUDIO NOTE / 82

    Reveal your contribution art, one square at a time

    Turn your GitHub-style contribution text, shapes and activity patterns into an animation.

    • Reveal squares across weeks, across rows, from the center or in a scattered order, with soft pop, fade or instant entrances.
    • Preview for free with autoplay, pause and scrubbing. Adjust reveal time, opening pause and the final hold.
    • Choose square, story or wide frames, keep your gradient background and save animation settings in an editable project.
    • Download silent 720p or 1080p MP4 videos at 30 fps with Pro. PNG and JPG downloads stay free.
  3. Free Mockup Tools

    STUDIO NOTE / 81

    Make every contribution square yours

    Turn words, images and hand-painted shapes into GitHub-style contribution calendar art.

    • Create pixel lettering, convert a simple image or paint individual squares with undo and redo.
    • Start with twelve editable examples, including square cursor, butterfly, flower, rocket, gem and arcade designs.
    • Try light and dark views, five color palettes and canvas size shortcuts above the preview. Download free PNG and JPG images up to 3×, or save an editable project.
    • Street Sign thumbnails now use natural letter proportions, and Web Browser previews sit in the center of their cards.
  4. Free Mockup Tools

    STUDIO NOTE / 80

    Browser frames, number plates and street signs

    Three new generators turn screenshots and custom text into images ready to share.

    • Frame a website in Chrome, Safari, Edge, Firefox, minimal or frameless styles. Adjust the window, background and canvas, or start with ten editable examples.
    • Create personalized license plates with editable text, colors and regional styles. The default design and examples keep a clean look without screws.
    • Make street signs in nine styles, including European address plaques with separate house numbers. Start with ten editable examples and customize the lettering, subtitle, arrows and layout.
    • Download free PNG and JPG images at standard, 2× or 3× size, with transparent PNG backgrounds and editable projects to save and reopen.
  5. 3D Design Editor

    STUDIO NOTE / 79

    Rotate, flip and group your artwork

    Work with several objects together in Studio and Split View, and keep your groups when you save.

    • Rotate or flip multiple selected objects together, with or without making a group.
    • Group objects for one-click selection. Ungroup to edit individual pieces, and undo or redo each change.
    • Keep SVG pieces in place after separation, including existing rotation, flips and cropping.
    • Reopen saved groups with their layout intact, with shared controls that also fit smaller screens.
  6. Instagram & App Animations

    STUDIO NOTE / 78

    Put your Instagram mockups in motion

    Turn profiles, carousels and single posts into videos with free previews and Pro MP4 downloads.

    • Tour an Instagram profile or reveal its photo grid. Swipe through a carousel or showcase all its cards.
    • Bring a single post into view with a feed scroll, a spin or a typewriter caption. Adjust timing and choose portrait, square or wide frames.
    • Desktop Instagram posts now place the photo beside the caption and comments, with refreshed light and dark examples to edit.
    • Keep gradient backgrounds in iOS Messages animations and check the Shorts thumbnail crop without adding guides to your export.
    • Save animation settings in your project. PNG and JPG downloads remain free, and Pro exports silent 720p or 1080p MP4 videos.
  7. Notepad Mockups

    STUDIO NOTE / 77

    A better fit for your animated notes

    Keep tall designs in view and fine-tune your Notepad videos for Shorts.

    • Fit the full preview on screen while keeping your image and video export sizes.
    • Preview the central 2:3 Shorts thumbnail crop in animation mode. Guides stay out of downloads.
    • Adjust the note window height or fit it to the crop in one click. Text keeps its size and long notes scroll inside the window.
    • Choose solid or gradient backgrounds with cleaner presets and both color controls available in animation.
  8. AR Preview

    STUDIO NOTE / 76

    Clearer checks before your AR preview

    See the size of your Apple and Android AR files before they upload.

    • Oversized previews stop before uploading, with a clear explanation of which file is too large.
    • Heavier previews show a warning and let you continue or cancel. Smaller previews work as before.
    • Your model, artwork and colors keep the same export settings.

Have an idea for the next note?

Tell me what you’re thinking