
Run a Preview
1
Open a design on the canvas
Open any email. In the Preview panel on the right, switch to the Inboxes tab.
2
Pick your clients
Choose the default spread (Gmail, Outlook, Apple Mail, and iOS) or select specific clients, including OS, version, and light/dark mode combinations.
3
Review the results
Screenshots come back per client. Clients that are slow to render show as Pending. Click Retry to fetch just those without re-running the rest.
Each preview run costs a fixed number of credits, charged only when at least one client actually renders. If nothing comes back, you aren’t billed.
Supported Clients
What to Check
- Outlook first. Outlook on Windows uses its own rendering engine and is the most common place layouts break. Check tables, spacing, and background images there before anywhere else.
- Dark mode. iOS and Apple Mail dark variants show whether your colors invert gracefully. Watch for logos that vanish on dark backgrounds and text that loses contrast.
- Mobile. The iOS and Android variants confirm your layout stacks correctly on a narrow screen.
Inbox Previews vs Test Sends
Both have a place in your pre-send routine:- Inbox previews show how the design renders across many clients at once, no inbox accounts needed, results in one grid.
- Test sends deliver the real email to your own address, so you can check the from name, subject, preview text, and links as an actual recipient.
From the API
The same feature is available programmatically:- API:
POST /v1/emails/{emailId}/client-previews. Passclientswith ids from the supported catalogue, or an empty body for the default spread. It starts a rendering job and returns itspreviewId; pollGET /v1/emails/client-previews/{previewId}until the job finishes. - TypeScript SDK:
brew.emails.previewClients({ emailId })starts the job; pollbrew.emails.getClientPreview(previewId). - MCP: the
test_email_renderingtool, so agents can QA a design as part of a workflow. It returns apreviewIdright away, and the agent pollsget_email_renderingwith it until the screenshots are ready. Ask for a preview in chat and the screenshots come back in the conversation, with a link to each full-size render. For a free look at the design itself,get_emailreturns its preview.

Need Help?
Our team is ready to support you at every step of your journey with Brew. Choose the option that works best for you:- Self-Service Tools
- Talk to Our Team
Search Documentation
Type in the “Ask any question” search bar at the top left to instantly find relevant documentation pages.
ChatGPT/Claude Integration
Click “Open in ChatGPT” at the top right of any page to explore it further with ChatGPT or Claude.