Shotmockr: Design Mockups, Screen Recorder Extension Chrome

Shotmockr: Design Mockups, Screen Recorder Extension

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.

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 2, "name": "Shotmockr: Design Mockups, Screen Recorder",\t"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" },\t"browser_action": { "browser_style": false, "default_title": "Shotmockr", "default_popup": "/index.html" }, "content_scripts": [ { "matches": [\t\t\t\t"*://*/*"\t\t\t], "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" ]}

Shotmockr: Design Mockups, Screen Recorder

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

Latest Version

Shotmockr: Design Mockups, Screen Recorder Extension

Source Manifest.json

Get source code (.Zip)

Latest Updates

Top Rated