Shotmockr: Design Mockups, Screen Recorder

Take screenshots, turn images into real-life design mockups without Photoshop or Behance.

What is Shotmockr: Design Mockups, Screen Recorder?

Shotmockr: Design Mockups, Screen Recorder is a Chrome extension developed by https://shotmockr.com, and its main feature is "Take screenshots, turn images into real-life design mockups without Photoshop or Behance.".

Extension Screenshots

Download Shotmockr: Design Mockups, Screen Recorder Extension CRX File

Download Shotmockr: Design Mockups, Screen Recorder extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

                        This Chrome extension saves time and help you convert ugly screenshot into beautiful, nice-looking and shareable image in seconds.

We are privacy first alternative to other screenshot tools on the internet as we don't save your screenshots and images on our server.


👉 Screenshot for PC, MAC & Chromebook

Shotmockr is a simple and easy way to create a professional-looking screenshot for your customers, team members, or even family & friends.

Shotmockr would help you capture:

➤ The visible part of a page
➤ Selected area 
➤ Entire page [coming soon]
➤ Browser window [coming soon]

When you take a screenshot with this Chrome extension, it auto-detects the dominant colour of the screenshot and automatically sets that as the background colour but you can change the colour via the Shotmockr editor.

🔥 https://shotmockr.com/editor

Within the editor, you also have access to different annotation and image editing tools that would help you communicate better and pass your message across to the person receiving the final screenshot or image.

Here are available annotation tools: 

➤ Text
➤ Text font
➤ Text size, alignment, colour
➤ Text weight

Apart from these, you also have access to:

➤ 7 different mac style designs
➤ Screenshot background
➤ Crop screenshot
➤ Screenshot left/right padding
➤ Drag & drop image on canva
➤ Undo, Redo & Clear 
➤ Copy to clipboard 
➤ Blur 
➤ Pen
➤ Arrows 
➤ Emoji support


.....more coming soon.


👉 Make Better Design Mockups

You can also upload ready-made image/photo and then turn it into Mac-ish style design mockups with nice backgrounds without using Photoshop, Sketch or Behance.

Once you’re satisfied, you can save & download your design as PNG, JPEG or SVG.


👉 Screen recorder for chrome browser [coming soon] 🚀

Very soon, you would be able to use Shotmockr chrome extension to capture and record your screen.


👉 How to install Shotmockr 

➤ Please, follow these steps to start using Shotmockr today!

1. Click "Add to Chrome".
2. Click on the blue-black Shotmockr Icon from the extension tray.
3. Click on appropriate screenshot option. 
4. Enjoy.


👍 Feedback, Support, New Feature Requests

You too can suggest a new feature. See below. 

Please write to us via [email protected] if you have any problem, feedback or new feature request regarding Shotmockr (screenshot chrome extension).


👍 For Translation Help

Do you want to help us translate this extension in your language or you just want us to do it for you. 

Please mail us and we would get started on it.                    

Extension Basic Information

Name Shotmockr: Design Mockups, Screen Recorder Shotmockr: Design Mockups, Screen Recorder
ID elklfjmcadphgcmlfehpnakghohbldne
Official URL https://chromewebstore.google.com/detail/shotmockr-design-mockups/elklfjmcadphgcmlfehpnakghohbldne
Description Take screenshots, turn images into real-life design mockups without Photoshop or Behance.
File Size 526 KB
Installation Count 341
Current Version 1.0.4
Last Updated 2019-12-20
Publish Date 2019-12-13
Rating 5.00/5 Total 1 Ratings
Developer https://shotmockr.com
Email [email protected]
Payment Type free
Extension Website https://shotmockr.com
Supported Languages en-US
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 2,
    "name": "Shotmockr: Design Mockups, Screen Recorder",
    "short_name": "Shotmockr",
    "version": "1.0.4",
    "description": "Take screenshots, turn images into real-life design mockups without Photoshop or Behance.",
    "minimum_chrome_version": "16.0.884",
    "background": {
        "scripts": [
            "config.js",
            "assets\/js\/background.js",
            "assets\/js\/jquery-2.2.4.min.js"
        ]
    },
    "icons": {
        "16": "16.png",
        "32": "32.png",
        "64": "64.png",
        "128": "128.png"
    },
    "browser_action": {
        "browser_style": false,
        "default_title": "Shotmockr",
        "default_popup": "\/index.html"
    },
    "content_scripts": [
        {
            "matches": [
                "*:\/\/*\/*"
            ],
            "js": [
                "\/assets\/js\/jquery-2.2.4.min.js",
                "\/assets\/js\/content_script.js"
            ],
            "run_at": "document_idle"
        }
    ],
    "content_security_policy": "script-src 'self' https:\/\/apis.google.com 'unsafe-eval'; object-src 'self'",
    "permissions": [
        "activeTab",
        "storage",
        "downloads"
    ],
    "web_accessible_resources": [
        "assets\/js\/inject.js",
        "assests\/images\/button_icon_cancel.png",
        "assests\/images\/button_icon_capture.png"
    ]
}