# Brayer

> Create free device mockups, website screenshots, posters and launch graphics in your browser. No sign-up, no watermark. Your images stay local by default.

Brayer is an online mockup studio that puts your screenshots and artwork on devices, print and 3D products, right in the browser. It is software named after the printmaking hand roller, made by Álex Coca, a solo founder in Córdoba, Spain, and launched on 21 September 2026.

Brayer runs entirely in the browser: images are edited and exported locally and are never uploaded unless the user turns on cloud sync (Pro) or Connect AI. It puts screenshots and artwork on devices (including 3D phones and laptops), 3D products (takeaway cups, coffee bags, drinks cans and cartons) and print (posters, cards, stationery), and repeats a design with linked brand styles, artwork variants (flavours, languages, colourways) and campaign sets that lay one page out again for every size.

The free plan exports PNG and JPEG up to 3,000 px on the long side (every App Store and Google Play preset in the studio fits, including 1206×2622 from Apple's required iPhone set) with no watermark and no account. It includes every device frame and starter scene, one free scene from each premium collection (App launch, Café, Drinks and Packaging), brand styles, variants, campaign sets, and free motion editing and preview with presets and keyframes. Pro costs €9/month, €79/year, or €12 for a 30-day pass that does not renew, VAT included, and adds every scene and 3D product in the premium collections, opaque MP4/WebM videos (1–30 seconds, 24 or 30 fps, up to 1080p, no audio), App Store app previews at Apple's exact sizes (H.264 MP4, 15–30 seconds, up to 30 fps, with the silent stereo track App Store Connect expects), larger exports up to 4× or exact sizes up to 8,192 px, WebP exports, transparent backgrounds, every page, campaign or variant in one ZIP, image batches, batch and social-pack exports, unlimited saved scenes and brand kits, and optional cloud sync with 1 GB of storage. The first Pro payment is refundable for 14 days.

Connect AI (free beta) lets Claude, ChatGPT, Claude Code, Cursor and other MCP clients design in Brayer. Add the remote MCP server https://usebrayer.com/mcp (Streamable HTTP, OAuth sign-in with a free Brayer account), then turn on Connect AI in an open studio tab at https://usebrayer.com/studio. The assistant reads the design, edits it with the editor's own operations (any layer, device frames, 3D products, pages, brand styles, variants and campaign sets), edits motion presets and keyframes, checks timestamp previews, and exports stills or starts and tracks asynchronous Pro video jobs under the same Free and Pro limits, while the user watches each change and can undo it. Chat attachments can't be passed to the tools, so images come from a public URL or are dropped into the studio tab. Rendering stays in the browser; previews pass to the connected AI app and are not kept.

## Product
- [Home](https://usebrayer.com/): What Brayer makes, with editable example scenes
- [Pricing](https://usebrayer.com/pricing): Free and Pro compared, feature by feature
- [About Brayer](https://usebrayer.com/about): Who makes it, where the name comes from, how it works and how to get in touch

## Mockup generators
- [Mockup generators](https://usebrayer.com/mockups): Index of every mockup page, by audience
- [Free Website Mockup Generator](https://usebrayer.com/mockups/website): Turn a website screenshot into a browser mockup for your launch, portfolio or client presentation. Free PNG and JPEG exports, no sign-up or watermark.
- [Free iPhone Mockup Generator](https://usebrayer.com/mockups/iphone): Put your app screenshot in an iPhone mockup. Create launch graphics and portfolio images online, with free PNG and JPEG exports and no watermark.
- [Free Poster Mockup Generator](https://usebrayer.com/mockups/poster): Preview your artwork in a framed poster mockup. Customize the scene and export a free, watermark-free image for your portfolio or client presentation.
- [Free Android Mockup Generator](https://usebrayer.com/mockups/android): Create an Android phone mockup from your app screenshot. Adjust a real editable scene and export free PNG or JPEG launch graphics without a watermark.
- [Free Business Card Mockup Generator](https://usebrayer.com/mockups/business-card): Present the front and back of a business card in an editable mockup. Add your artwork and export free PNG or JPEG portfolio images with no watermark.
- [Free MacBook Mockup Generator](https://usebrayer.com/mockups/macbook): Create flat and 3D MacBook mockups from your screenshot. Adjust the lid angle, lighting and crop, then export free PNG or JPEG images without a watermark.
- [Free Stationery Mockup Generator](https://usebrayer.com/mockups/stationery): Present a letterhead, envelope and business cards together. Edit a real stationery scene online and export a free mockup without a watermark.
- [Café Branding Mockup Generator](https://usebrayer.com/mockups/cafe-branding): Put your café identity on a 3D takeaway cup, coffee bag and menu. Start with a free cup mockup; export the complete café set with Pro.
- [Free Can Mockup Generator](https://usebrayer.com/mockups/can): Wrap your artwork around a 3D drinks can. Adjust colours, finish and camera angle, then export a free PNG or JPEG mockup without a watermark.
- [Free Carton Mockup Generator](https://usebrayer.com/mockups/carton): Put separate artwork on a 3D carton's front, back, sides and top. Make a free box presentation, or explore Pro packaging scenes and colourways.

## Guides
- [Mockup and app launch guides](https://usebrayer.com/guides): Index of every guide and comparison
- [Animate Mockups with Presets and Keyframes](https://usebrayer.com/guides/animate-mockups): Animate device and product mockups with presets and editable keyframes. Preview free, then export MP4, WebM or an App Store app preview with Brayer Pro.
- [How to Make App Store Screenshots](https://usebrayer.com/guides/app-store-screenshots): Plan iPhone screenshots at 1206 × 2622 for Apple's required set, add iPad if you need it, and export readable launch images in Brayer. Sourced from Apple.
- [App Store Screenshot Sizes & Checker (2026)](https://usebrayer.com/guides/app-store-screenshot-sizes): App Store screenshot sizes (October 2026): required iPhone set 1206 × 2622 or 1179 × 2556. Check size, format and transparency locally.
- [Localize App Store Screenshots in Brayer](https://usebrayer.com/guides/localize-app-store-screenshots): Turn one Brayer design into English, Spanish and German screenshots. Follow the variant workflow, compare real exports and download the examples.
- [Google Play Screenshots and Feature Graphic Guide](https://usebrayer.com/guides/google-play-screenshots): Make Google Play phone screenshots and a separate 1024 × 500 feature graphic: a practical Brayer workflow with Google's asset rules and export tips.
- [Connect AI: Design with Claude or ChatGPT via MCP](https://usebrayer.com/guides/connect-ai): Add Brayer's MCP connector to Claude, ChatGPT, Claude Code or Cursor, turn on Connect AI in the studio, and let your AI app build mockups in your open tab.

## Comparisons
- [Mockup tool comparisons](https://usebrayer.com/compare): Index of the comparisons and how they are written: dated, sourced, no ratings
- [Brayer vs Shots: Choosing a Mockup Tool](https://usebrayer.com/compare/shots): Compare Brayer and Shots for screenshot mockups, launch graphics and animated content: a practical example, workflow differences and clear plan limits.
- [Brayer vs Rotato: Mockups and Motion Compared](https://usebrayer.com/compare/rotato): Compare Brayer's browser mockups and short videos with Rotato's 3D animation workflow, purchase model and device tools. Includes an editable Brayer example.

## Optional
- [Terms of service](https://usebrayer.com/terms): What the service does and what each side owes the other
- [Privacy policy](https://usebrayer.com/privacy): What is stored, where, and when anything leaves the browser
- [Refund policy](https://usebrayer.com/refunds): 14-day refunds on the first Pro payment