Skip to content
UI Kit
Accent color

Campaign mockups

Social posts, emails and store screenshots as pictures for your pages, without any network or store mark.

3 components · 16 variants
Switch category

On this page

Every component of this category. Pick one to jump to its variants.

social-post-mockup

Social post mockup

Social posts as pictures for your page, without the mark of any network. Picture posts, text posts, stories, carousels, video reels and a profile grid. Like by double tap, save, follow, swipe the slides and tap through stories.

Props and details · Social post mockup

Picture post

Author, picture, actions, likes, caption and comments. The picture settles from a slight zoom as it scrolls in, a double tap likes it with a big heart.

Open in Studio

Text post

A short post with a linked card and reply, repost, like and save. Tags and names are tinted, counts shorten with the locale.

Open in Studio

Story

A vertical story. The segment bars fill on their own once it is in view, tap the left third to go back and the rest to go on, hold to pause.

Open in Studio

Carousel

A square post with five slides. Swipe or drag, use the arrows on hover or the arrow keys. The headline of each slide rises in as it arrives.

Open in Studio

Video reel

A vertical video post with side actions, caption and a sound line. It starts in view, a tap on the middle pauses, the note spins while it plays.

Open in Studio

Profile grid

A profile head with numbers, bio and follow, over a grid of posts. The tiles rise one after another, hover shows likes and comments.

Open in Studio

email-mockup

Email mockup

Emails as pictures for your page. A newsletter in a mail window, the inbox where it arrives, an order confirmation, the mail on a phone and a welcome series. Built from JSON blocks, so the mockup shows your real mail.

Props and details · Email mockup

Newsletter

An open newsletter in a mail window with sender and subject. The long mail moves up inside the window while you scroll past it.

Open in Studio

Inbox arrival

A mail list where your message slides in on top, unread and marked new, once the list is in view. The others make room.

Open in Studio

Order confirmation

A receipt with a check that springs in, a delivery bar that fills to the current step, items with pictures, totals and the next action.

Open in Studio

On a phone

The mail as most people read it. A notification drops in first, the mail below scrolls with a finger or the wheel.

Open in Studio

Welcome series

Three mails of a series as cards with day and open rate. They rise one after another and fan out slightly, hover straightens and lifts one.

Open in Studio

store-screenshots

Store screenshots

The tall frames with a headline and a phone that app pages show in a row, without any store mark. Captions, a panorama across all frames, tilted phones, pop-up notes and wide tablet frames. The row scrolls with drag, arrows and the keyboard.

Props and details · Store screenshots

Captions

A headline on a tinted ground, the phone rising from the bottom edge and drifting a little as you scroll. Frames rise in one after another.

Open in Studio

Panorama

One long picture runs across all frames, so the set reads as one scene when it stands in a row. Phones sit at alternating heights and drift in opposite directions.

Open in Studio

Tilted

The phone leans a little, left and right in turn, the headline sits at the bottom. Hover or focus straightens it.

Open in Studio

With notes

Small notes pop up around the phone when the row comes into view, such as a rating, a reached goal or a new feature.

Open in Studio

Tablet

Wide frames with a tablet for sets in landscape. The tablet drifts gently while the row scrolls into view.

Open in Studio

Similar components

More from Visuals, the same area of the kit.

Often combined with

Sections that usually sit next to Campaign mockups on a page.

Often searched

Jump to

Copied to the clipboard