AI laptop and phone flat lay mockup generator

Laptop and Phone Flat Lay mockups, generated — not templated

Apps and websites built for both desktop and mobile need one image that proves the design works across screens, and a top-down layout is the clearest way to show it. A laptop and phone flat lay mockup places both devices side by side in a single composed frame.

Photorealistic lighting, shadows and materials
Upload your own design, logo or artwork
Any scene you can describe — no template hunting
Edit, restage, upscale and animate afterwards

AI-generated laptop and phone flat lay mockup sample

Generated with Mockup Generator — “A laptop and a phone arranged together on a light wood desk shot from directly o…”

Prompt ideas to start from

“A laptop and a phone arranged together on a light wood desk shot from directly overhead, a pair of earbuds and a pen placed nearby, soft even daylight, both screens clearly visible, featuring a tasteful sample brand design on each screen, no watermarks, no text overlays”Use this prompt “Laptop and phone flat lay on white marble with a plant”Use this prompt “Laptop and phone flat lay styled with coffee and notebook”Use this prompt “Laptop and phone flat lay on dark wood, moody light”Use this prompt

Fresh from the community

Create a realistic product mockup based on these instructions:

A sleek iPhone 15, showcasing its elegant design without a case, rests on a minimalist wooden table. The device's vibrant screen displays a colorful live wallpaper, reflecting light in an artistic manner. Surrounding it, soft natural light filters through a nearby window, enhancing the phone's sophisticated, modern aesthetic.

Create a professional, photorealistic mockup scene. Since no design image was provided,
show the product/scene with a placeholder or blank surface where a design would typically go.

Create a realistic product mockup based on these instructions:

Design an exquisite pair of pump peep toe flats featuring a striking gold platform heel. Adorn the shoe with sparkling gems cascading elegantly down the center. Surround the heel with luxurious, soft fur that adds texture and sophistication. Opt for a bold color palette to enhance the overall glamour and style.

Create a professional, photorealistic mockup scene. Since no design image was provided,
show the product/scene with a placeholder or blank surface where a design would typically go.

Photorealistic studio product photo of a small 3mL glass pharmaceutical vial with a clear glass body, a gray aluminum crimp cap with matching flip-off top, and a rubber stopper underneath the cap. Only a small amount of loose white lyophilized powder dusting the bottom of the vial — the vial should look mostly empty, not filled or packed. Use my uploaded label image exactly as provided, pixel-for-pixel — do not regenerate, redesign, or reword any part of it. Vial centered, shot straight-on, soft even studio lighting, subtle soft shadow beneath, plain flat warm off-white background (hex FBF8F1), no border, no frame, no card, no rounded corner mat, no vignette — the vial floats on a plain background with no outline around the photo. Minimal reflections, sharp focus on the label. No other objects, no hands, no props.

Photorealistic studio product photo of a small 3mL glass pharmaceutical vial with a clear glass body. The neck has a silver aluminum crimp cap band, topped with an amber-orange (hex D6810C) flip-off plastic disc cap. A rubber stopper sits fully seated and hidden beneath the crimp cap — no rubber visible sticking out above or around the metal. Only a small amount of loose white lyophilized powder dusting the bottom of the vial — the vial should look mostly empty, not filled or packed. Use my uploaded label image exactly as provided, pixel-for-pixel — do not regenerate, redesign, or reword any part of it. Vial centered, shot straight-on, soft even studio lighting, subtle soft shadow beneath, plain flat warm off-white background (hex FBF8F1), no border, no frame, no card, no rounded corner mat, no vignette — the vial floats on a plain background with no outline around the photo. Minimal reflections, sharp focus on the label. No other objects, no hands, no props. Make the e label take up the majority of the vial like in the second picture. Make the label the same size as the one in the second picture

Photorealistic studio product photo of a small 3mL glass pharmaceutical vial with a clear glass body. The neck has a plain gray aluminum crimp cap with a matching gray flip-off top — uniform gray/silver, no colored accent. A rubber stopper sits fully seated and hidden beneath the crimp cap — no rubber visible sticking out above or around the metal. Inside the vial, a solid white freeze-dried lyophilized cake sits at the bottom — a dry, compact, slightly porous solid plug of powder, not loose scattered granules, filling roughly the bottom quarter of the vial. The label wraps the vial and extends down close to the base, leaving only a small strip of bare glass visible at the neck/shoulder above the label — similar to standard commercial peptide vial labeling. Use my uploaded label image exactly as provided, pixel-for-pixel — do not regenerate, redesign, or reword any part of it. Vial centered, shot straight-on, soft even studio lighting, subtle soft shadow beneath, plain flat warm off-white background (hex FBF8F1), no border, no frame, no card, no rounded corner mat, no vignette — the vial floats on a plain background with no outline around the photo. Minimal reflections, sharp focus on the label. No other objects, no hands, no props.

Create a realistic product mockup based on these instructions:

Create a sleek and modern website design that features the names "J" and "Fastenmaier" prominently, ensuring both are visually balanced. Incorporate a color palette of soft blues and whites for a calming effect. The header should display the URL www.j-fastenmaier.com in an elegant font, providing easy navigation and a clean layout.

Create a professional, photorealistic mockup scene. Since no design image was provided,
show the product/scene with a placeholder or blank surface where a design would typically go.

Create a realistic product mockup based on these instructions:

A stunning gold diamond dress that shimmers under soft lighting, adorned with intricate diamond patterns that catch the eye. The gown features a fitted silhouette with a flowing, layered skirt, complemented by delicate, sheer sleeves. Set against a glamorous backdrop, the dress embodies elegance and sophistication, perfect for a high-fashion event.

Create a professional, photorealistic mockup scene. Since no design image was provided,
show the product/scene with a placeholder or blank surface where a design would typically go.

Create a realistic product mockup based on these instructions:

Design a vibrant, abstract artwork titled "No Gussing," emphasizing bold colors and intricate patterns. The piece should evoke a sense of spontaneity and fluidity, incorporating elements of chance, like splatters and brush strokes. Aim for a dynamic composition that invites viewers to explore each layer without definitive interpretation.

Create a professional, photorealistic mockup scene. Since no design image was provided,
show the product/scene with a placeholder or blank surface where a design would typically go.

Create a realistic product mockup based on these instructions:

Design a flowing bohemian-inspired skirt featuring intricate floral patterns in vibrant colors. The hemline should be asymmetrical, with layers of lightweight fabric that dance with movement. Incorporate a comfortable, elastic waistband, and add subtle details like delicate lace trim or fringe accents. Perfect for carefree summer outings or beachside strolls.

Create a professional, photorealistic mockup scene. Since no design image was provided,
show the product/scene with a placeholder or blank surface where a design would typically go.

Create a realistic product mockup based on these instructions:

Crée moi un mockup de hoodie, mettant en avant un design urbain inspiré par la culture street art. Utilise une palette de couleurs vives et audacieuses, avec des motifs géométriques et des illustrations graphiques. Intègre des détails comme des cordons contrastants et une étiquette de marque unique pour un look accrocheur.

Create a professional, photorealistic mockup scene. Since no design image was provided,
show the product/scene with a placeholder or blank surface where a design would typically go.

Edited mockup: can you use the exact label even if it goes off the sides
also make the back gro

Frequently asked questions

How does the AI laptop and phone flat lay mockup generator work?

Describe the scene you want — or upload your design, logo or artwork — and the AI renders a photorealistic laptop and phone flat lay mockup in seconds, with natural lighting, shadows and perspective. No Photoshop templates or smart objects needed.

Can I put my own design on the laptop and phone flat lay?

Yes — upload up to four reference images (logos, artwork, screenshots or product shots) and the AI integrates them onto the laptop and phone flat lay with realistic warping, lighting and materials.

Can I use the mockups commercially?

Yes. You own the mockups you generate and can use them in stores, portfolios, ads and client work. See our Terms of Service for full details.

More mockup generators

Midnight MacBook mockup generator MacBook Pro Space Black mockup generator Laptop Charging Cable mockup generator Laptop in Home Office mockup generator Laptop Privacy Screen mockup generator MacBook with AirPods mockup generator Laptop Cooling Pad mockup generator Laptop Side View mockup generator Laptop on Coffee Table mockup generator Mechanical Keyboard mockup generator All tech & devices mockups →