Skip to content
BrayerSign inOpen the studio

Make product mockups
worth sharing.

Put your app, website or artwork on a device, a poster, a cup or a can, in your browser. Pick a scene, drop in your design, download.

Start creating for free See what you can make

No sign-up No watermark Made for your desktop browser

ProThree cold brew cans in orange, green and blue on plaster
3D can mockup
Made in BrayerA floating silver 3D phone showing the Forma app over an olive disc on lime green
3D phone mockup
An angled silver 3D laptop showing the Folio website on lilac
3D laptop mockup
For the things you can’t wait to share.
Product launches Packaging Social content Client presentations

Same artwork.
A different impression.

One screenshot went in; the frame, the angle and the background came from the scene.

Use this scene
Folio website framed in a lilac browser mockupMockup
Original Folio screenshot before framingScreenshot

One studio.
So many ways to show up.

A new app, a fresh identity, your next launch. Every example here is an editable scene.

Showing 15 examples

Open any scene and replace the sample artwork with your own.

Make something of your own

One design.
Every version.

Flavours, languages, colourways. Change the can, the headline or the screenshot for each version; the layout stays shared.

OriginalA green cold brew can with a NEW seal on sage
Cold brew
VariantThe same post as an orange peel can on apricot
Orange peel
VariantThe same post as a vanilla oat can on pale blue
Vanilla oat

One launch post in three flavours: the can, the ground and the flavour name change. Every image here is an export of the same design. A Pro scene: open and edit it free, export with Pro.

Open this design

One page in.
A whole campaign out.

A campaign set lays your design out again for a hero, posts, a story, a link card and the App Store, each at the size it has to be.

Your pageThe Forma launch hero: headline, button and two phones on cream
Launch hero1600×900
The same launch as a story, headline above the phones
Story1080×1920
The same launch as an App Store screenshot
App Store iPhone 6.3″1206×2622
The same launch as a square post
Square post1080×1080
The same launch as a link card, text beside the phones
Link card1200×630

Laid out by the Campaign set from one page. Each one is a page you can still edit.

Try it on the Launch hero

A quick start.
Room to customize.

Quick mockup gets you a first result. Full editor adds layers, brand styles, variants, materials, multiple pages and precise layout.

Full editor
The Brayer editor with the Ideas grow social scene: a headline over a browser showing the Folio site, scenes and layers on the left, output and canvas controls on the right

Frames, products and print

Browser, phone, tablet and laptop frames, 3D cups, bags, cans and cartons in materials from ceramic to foil, and posters, cards and menus.

Your brand, on every page

Link colours and text styles to your brand kit, then change them once for every page, every product and every variant.

Exact-size export

Set the pixel size the destination asks for and download a PNG or JPEG with no watermark, one page or a whole set.

One image.
A complete set.

Your artwork stays in your browser. Save the scene to reuse it, or export a whole launch set with Pro, without uploading a file.

Open the studio
  1. 01

    Bring your work

    Drop in a screenshot, an image or a graphic. Pick a starting scene or begin on a blank canvas.

  2. 02

    Make it yours

    Choose the framing, set the background and arrange the details.

  3. 03

    Share the finished picture

    Download the mockup and put it on your website, in your portfolio or in your next post.

Find your next mockup.

Starting points for product launches, portfolios and client work.

Website mockup: the fictional Folio site in a tilted browser frame on lilac

Website mockups

iPhone mockup: two angled iPhones showing the fictional Forma fitness app on olive

iPhone mockups

Poster mockup: the fictional Slow Mornings poster in a black frame on a warm grey wall

Poster mockups

Android mockup: a 3D Android phone showing the fictional Forma app on a dark grid

Android mockups

Business card mockup: front and back of the fictional morrow cards on lilac

Business card mockups

Silver 3D MacBook showing the fictional Plotline analytics dashboard, turned to the right on a soft lavender backdrop

MacBook mockups

Stationery mockup: the fictional morrow letterhead, envelope and business cards arranged on linen

Stationery mockups

Café branding mockup: the free cup scene recoloured, a deep green takeaway cup with the fictional Slow Mornings sleeve on sage plaster

Café branding mockups

Drinks can mockup: the free can scene recoloured, the fictional Slow Mornings cold brew wrap on a red can under window light on peach

Can mockups

Carton packaging mockup: the free carton scene turned to show its other side, a fictional tea box on lilac plaster

Carton mockups

Each page opens a real scene you can edit.

Every mockup generator

A few questions,
answered.

Looking for plan details?
Explore Free & Pro

Can I animate my mockups?

Yes. Open Motion in the studio to apply a product turn, camera push, text entrance or screen scroll, which pans a tall screenshot inside a phone, tablet or browser frame. Presets update as you adjust them, and a hand edit turns them into editable keyframes. Creating and previewing motion is free. Pro downloads MP4 and WebM videos up to 1080p, 1 to 30 seconds long at 24 or 30 fps, and App Store app previews at Apple's exact sizes. Make a motion mockup.

What can I create with Brayer?

Device mockups, framed posters, business cards, postcards, launch graphics and social posts. Start from a scene, or compose images, text, shapes and backgrounds on your own canvas.

Is Brayer free to use?

Yes. Free includes every frame and editing tool, the core starter scenes plus one free scene from each premium collection, variants, campaign sets, and unlimited PNG and JPEG exports up to 3,000 px on the long side without a watermark, plus one saved brand kit, three reusable scenes and portable project backups. Pro adds larger exports, WebP, transparency, the premium collections, every page or every variant in one ZIP, image batches, size packs, more saved kits and scenes, and optional cloud sync with 1 GB of storage.

Do I need design experience?

No. Start in Quick mockup: add your image, choose a scene and adjust it. Open Full editor when you want layers and precise control. Switching views keeps your whole design.

Is it just for device mockups?

No. 3D products put your artwork on a takeaway cup, a coffee bag, a drinks can or a carton. Print & stationery covers posters, business cards, postcards, flyers, menus, letterheads and envelopes, and you can compose your own images and typography on a blank canvas. There are no clothing mockups.

Do I need to install anything or create an account?

No. Open Brayer in a desktop browser and start. Your designs are saved in that browser, so you can come back to them. An account is only needed for Pro and for Connect AI, which takes a free one.

What happens to my images?

They stay in your browser. Nothing is uploaded to make a mockup or export it. Cloud sync exists on Pro, and only when you turn it on; Connect AI, when you turn it on, passes previews to the AI app you connected without keeping them.

Can Claude or ChatGPT design in Brayer?

Yes, with Connect AI, a free beta that needs a free account. Add Brayer's connector to Claude, ChatGPT, Claude Code, Cursor or another MCP app and switch on Connect AI in your studio tab; the app builds the design there while you watch, and every change can be undone. How to connect your AI app.

Let’s make it
look the part.

Create your first mockup

Free to start. No sign-up.