iPhone Notes Screenshot

Generate iPhone Notes app screenshot from text

Customize this free template

100% customizable in the editor
Render via API, Zapier, Make & n8n
Export PNG, JPG, PDF & MP4
Generate at scale from a spreadsheet
Remix it with the AI design agent

Start from this template

Skip the blank canvas — this design is ready to make your own.

Customize it free

Edit text, colors and images in the Orshot editor in minutes.

Render or automate

Export instantly, or generate at scale via API, Zapier, Make & n8n.

Integrations

Automate this template using integrations

MCP Server

n8n

Make

Zapier

Pipedream

Rest API

Webhooks

Dynamic URLs

Signed URLs

Orshot CLI

For developers

Backend Usage

You can generate iPhone Notes Screenshot renders using Rest API and Orshot SDKs

API Documentation

await fetch("https://api.orshot.com/v1/generate/images", {
  method: "POST",
  headers: {
    "Content-Type": "application/json",
    Authorization: "Bearer <ORSHOT_API_KEY>",
  }, 
  body: JSON.stringify({
    "templateId": "iphone-notes-screenshot",
    "response": {
      "format": "png",
      "type": "base64"
      "scale": 1
    },
    "modifications": {
      "folderText": "Notes",
      "title": "Pssst... here’s an extra 20% off our Cyber Week Sale at Crocs just for you!",
      "titleFontSize": "46",
      "content": "Get an EXTRA 20% off on all sale items on our website! Clogs, sandals, boots, socks, and jibbitz charms are all discounted now. Snag the perfect gift for the holidays at a  great price!",
      "contentFontSize": "32",
      "hideUndoIcon": "false",
      "hideRedoIcon": "false",
      "hideShareIcon": "false",
      "hideHamburgerIcon": "false",
      "width": "800"
    }
  }),
});

Modifications

You can customize the template using following modifications

Key	Description	Type
folderText	Folder text in your iPhone notes	string
title	Title of your note	string
titleFontSize	Font size of title in CSS pixels value	number
content	Text in your note	string
contentFontSize	Font size of content in CSS pixels value	number
hideUndoIcon	Whether to display the undo icon	boolean
hideRedoIcon	Whether to display the redo icon	boolean
hideShareIcon	Whether to display the share icon	boolean
hideHamburgerIcon	Whether to display the hamburger icon	boolean
width	Width of output image	number