Peek Inside

If you building a product landing page you will want to show screenshots of your Product on various devices such as Laptops, Phones Tablets or Watches. Device Shot help you easily generate HD resolution device mock-ups of your app that you can include in your marketing flyers and/or websites.

View all available devices on the index page

The index page contains all available devices that you can use a base to create your mock-up images.

Choose your device to use as a base

Once you have made your selection, click on the device to upload images of your product to splice onto the screen.

Upload a screenshot of your Product

Click on 'Upload screenshot' to upload an image of your product. You can upload images until you are happy.

Queue a HD mock-up for processing

Once you're happy with the look and feel, click on 'Download mock-up' to queue processing of a HD version.

View how many mock-up are in the processing queue

In the top left of the screen you will see a count of your currently processing Device Shots. Click the button to refresh.

View all Device Shots in the downloads section

You can view all currently processing and processed HD mock-ups in the downloads section of the website.

Download the HD version

Click on the 'View' or 'Download' buttons to access the process HD version.

Basic Usage

Create your first Device Shot

This tutorial will walk you through how to create and download a HD version of your first device mock-up.

  1. On the Device Shots index page, click on a device you would like to use for your mock-up.
  2. Click on 'Upload screenshot' to upload an image of your app. Make sure it is the correct size & aspect ratio for the chosen device.
  3. Once the low resolution mock-up has been generated, you will have an option to download a HD version of the mock-up.
  4. To access a HD version, click on 'Download mock-up' and then queue the image for processing.
  5. Once the HD version has finished processing you will be able to download it from the downloads section.
  6. Find the newly created mock-up image in the download section and then click on 'View' or 'Download' to access it.

API Overview

Authentication

You'll need to authenticate using your API Key.

There are two ways to authenticate:

Request Headers:

$ curl -H "X-Api-Id: <API_KEY_ID>" -H "X-Api-Secret: <API_SECRET>" 'https://snja.io'

URL Parameters:

$ curl 'https://snja.io/foo?_id=<API_KEY_ID>&_secret=<API_SECRET>'

API Keys

API Keys can be created and managed in the API Keys section.

  1. Go to the API Keys section.
  2. Click on the button 'Generate API Key'.
  3. A new key will be genereated for use with the API.

Rate Limits

API Keys are rate limited to ensure fair delivery of services. You can view the current Rate Limit and Remaining Requests in the returned Response Headers from the API. Below is a description of the Response Headers.

Header Description
X-RateLimit-Limit The maximum number of requests per time window.
X-RateLimit-Remaining The number of requests remaining before reset.
X-RateLimit-Reset The time at which the current rate limit window resets in UTC Epoch seconds.

Error Codes

The following HTTP response codes are used.

Code Message Description
200 OK The request has succeeded.
400 Bad Request The request could not be understood by the server due to malformed syntax.
401 Unauthorised This indicates that you have not passed a valid API key, the key has expired, or the Authorization header is not formatted correctly.
404 Not Found The server has not found anything matching the Request-URI.
405 Method Not Allowed This indicates that the request method is known by the server but has been disabled and cannot be used.
429 Too Many Requests We have recieved too many requests from your API Key in a given amount of time. Wait a while and try again.

More Products

Device Shots

Easily mock-up your app screenshots onto different devices for marketing

Ring the Bell

Login on a TV or Pi and ring an audible bell every time the team makes a sale

NPS Feedback

Your Net Promoter Score measures brand loyalty and forecasts business growth

Uptime Pings

Get notified instantly when your website is down and not responding to requests

Cron Monitoring

Get notified when your cron jobs fail or benchmark their performance

Status Page

Keep your customers informed during scheduled or unplanned outages

GEOIP to Country

Lookup Country, Language & Currency Information from an IP address

DNS Watcher

Track DNS changes on your domains & get notified of expiring certificates

Competitor Monitor

Monitor your competitors' websites and get notified when they change

Builder API

Cross-platform Hybrid App build service for Cordova, React Native & Flutter

Ninjalytics

Generate swimlane charts of your customer's journey through your product

Request Bins

Capture & inspect HTTP requests. Replay the request to your local machine