login join

Best Free Mobile Phone Mockups

present your app the way users will see it

A selective list of mobile phone mockups to help you showcase your app, UI, and web designs hassle-free. These handy templates allow you to get a glimpse of how the design will look and are especially good for promoting your designs responsively. The majority come in PSD format with smart layers to help you easily add your design.

view collection →

App icon mockups

Display mobile app interfaces in phone frames to demonstrate how your designs look and function on an actual device.

Other phone mockups

Find mockups for a variety of smartphones, screen styles, and device formats beyond the main iPhone and Samsung collections.

Phone mockups: see your app design on a real device

A great interface can look completely different when it is presented inside a real device. Phone mockups turn app screens, mobile websites, and UI designs into realistic visuals that make digital products easier to understand, present, and remember.

phone mockups are perfect for
  • Presenting mobile apps and interface concepts to clients
  • Showcasing iOS, Android, and responsive mobile experiences
  • Creating portfolio images and UX/UI case studies
  • Preparing launch graphics for new apps and digital products
  • Creating visuals for websites, social media, presentations, and marketing campaigns

A screenshot shows what an app looks like. A well-made mockup shows what it could feel like as a finished product. Place your interface inside a realistic phone, add the right perspective and lighting, and suddenly a collection of flat screens becomes something much more tangible.

iphone, samsung, android & more: choose the device that fits your design

The device you choose can change the entire character of your presentation. Whether you are showcasing an iPhone app, an Android interface, or a responsive website, the right phone mockup helps your design feel at home on the screen.

different phone mockups for different presentations
  • iPhone mockups: Ideal for presenting iOS apps, mobile websites, app concepts, and polished product launches.
  • Samsung mockups: A natural choice for Android interfaces, mobile products, and Samsung-focused presentations.
  • Android phone mockups: Showcase your designs across a wider range of Android device styles and screen formats.
  • Single phone mockups: Keep the attention on one important screen with a clean, focused composition.
  • Multiple device mockups: Show different screens, responsive layouts, or an entire app experience in one visual.
  • Hand-held phone mockups: Add a human element by showing the device being held or used in a realistic setting.
  • Floating phone mockups: Create bold, modern compositions using depth, perspective, rotation, and dramatic lighting.
  • Desk and lifestyle mockups: Put your app into a believable environment instead of presenting it against an empty background.

Think beyond the phone itself. A close-up device can be perfect for highlighting interface details, while a group of phones can tell a bigger story about your product, its features, and the experience behind it.

one screen or the whole experience? build your app presentation

Not every project needs the same kind of mockup. Sometimes one beautiful screen is enough. Other times, showing several screens together gives people a much better understanding of the product.

single-screen presentations

Use a single Smart Object when you want to focus on one important part of your interface. A home screen, dashboard, product page, or landing screen can become the hero of your presentation without distracting visual elements.

multiple screens

Show the journey through your app by placing different screens across one or more devices. This works especially well for onboarding flows, ecommerce experiences, dashboards, social apps, and feature presentations.

responsive presentations

If your product needs to work across different devices, use a multi-device mockup to demonstrate how the interface adapts. Showing the same design on different screen sizes can communicate responsiveness much faster than a written explanation.

complete product showcases

For larger presentations, combine several devices, screens, backgrounds, and visual elements into one composition. This can turn a simple app preview into a launch-ready hero image or a polished portfolio cover.

The number of editable elements depends on the mockup. Some files use one Smart Object, while others include separate layers for each device or screen. Check the PSD structure and included instructions before editing.

how to add your app design to a phone mockup

Most PSD phone mockups are built to make screen replacement as simple as possible. Smart Objects take care of the difficult visual work, such as perspective, screen shape, reflections, shadows, and other effects, so you can concentrate on your design.

  • Open the PSD in Photoshop or Photopea.
  • Locate the editable screen or Smart Object layer.
  • Double-click the Smart Object thumbnail to open it.
  • Insert your app screen, website design, or other artwork.
  • Adjust the artwork so it fills the intended screen area.
  • Save the Smart Object and return to the main PSD.
  • Your artwork will appear automatically inside the phone mockup.
working with several phones

When a composition contains multiple devices, each phone may have its own editable screen. Replace them individually to create a sequence of app screens, compare different versions, or show your product across multiple devices.

go beyond the screen

Many mockups also let you adjust elements around the device. Depending on the file, you may be able to customize the phone color, background, lighting, shadows, reflections, and other presentation details to match your brand.

app icon mockups: give your icon a place in the real world

Your app icon is often the first visual users see. Instead of presenting it as a standalone square, an app icon mockup lets you show how the icon behaves as part of a real mobile interface.

create stronger app icon presentations
  • Show your icon on realistic phone home screens
  • Present multiple icon concepts or color variations
  • Demonstrate how the icon works alongside other apps
  • Create polished branding and portfolio visuals
  • Prepare launch and promotional graphics for your app

Icon mockups are especially useful when the icon itself is the focus. A realistic home screen, device frame, lighting setup, or close-up presentation can give a small piece of artwork much more visual impact.

make your phone mockup look like a finished product

The best mockups do more than place a screenshot inside a phone. They create a visual story around the product. Think about where your app lives, who uses it, and what kind of feeling you want the final image to create.

choose a presentation style that fits your app
  • Use clean studio compositions for minimalist apps and premium digital products.
  • Choose workspace scenes for business, productivity, finance, and professional applications.
  • Use lifestyle scenes for fitness, travel, food, shopping, and consumer-focused apps.
  • Combine several phones when you want to tell a larger product story.
  • Use close-up compositions when small UI details need to remain readable.
  • Experiment with perspective and dramatic lighting for attention-grabbing launch visuals.
  • Keep the background simple when the interface should be the main attraction.

A phone mockup is more than a frame around your design. It is a way to turn an interface into a product people can immediately understand. Whether you are presenting an iPhone app, a Samsung interface, an Android experience, or a new app icon, the right mockup can make your work feel finished, tangible, and ready to launch.