AI modern ui mockup generator

Modern Ui mockups, generated — not templated

Generate photorealistic modern ui mockups from a single sentence — or upload your own design, logo or artwork and see it integrated with true lighting, perspective and materials.

  • 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 modern ui mockup sample

A modern ui mockup from the community — generated with Mockup Generator

Prompt ideas to start from

“Photorealistic product mockup of a modern ui, professional studio lighting, clean modern scene”Use this prompt “Modern Ui mockup in a bright lifestyle scene”Use this prompt “Minimal modern ui mockup on a clean studio background”Use this prompt “Modern Ui mockup with branding, shallow depth of field”Use this prompt

Fresh from the community

Mockup - 1:1
Mockup - 1:1
Design a professional sports jersey for Sekolah Kebangsaan Agama Ibnu Khaldun. Create a high-quality mockup showing TWO jersey versions side by side: Short-sleeve jersey Long-sleeve jersey Colour Theme: Bright Yellow and Black Modern, sporty, premium sublimation style Dynamic geometric patterns and sharp angular elements Suitable for teachers, coaches, and school representatives FRONT DESIGN: Main colour: bright yellow Secondary colour: black Modern black geometric patterns across the chest, sleeves, and sides Place the official Sekolah Kebangsaan Agama Ibnu Khaldun logo on the right chest Clean and professional collar design Premium sportswear appearance Balanced and elegant layout BACK DESIGN: Large text: SEKOLAH KEBANGSAAN AGAMA IBNU KHALDUN Use a bold, clean, highly readable font Text colour should contrast clearly with the jersey background Modern placement across the upper back Optional small geometric accents around the text without reducing readability SLEEVES: Continue the black geometric pattern seamlessly Sporty and energetic appearance Matching design for both short-sleeve and long-sleeve versions MOCKUP STYLE: Front and back views displayed Short-sleeve and long-sleeve versions shown side by side Professional apparel presentation Realistic fabric texture High-resolution sportswear catalog quality White studio background Clean, premium, modern Malaysian school sports jersey design Aspect Ratio: 16:9 Design Keywords: Modern, professional, premium sublimation jersey, Malaysian school sportswear, yellow and black, geometric pattern, athletic, clean typography, high visibility, elegant, energetic, high-quality mockup. Use aggressive black lightning patterns, sharp angular streaks, and modern esports-inspired sports graphics while maintaining a professional school identity
Create a realistic product mockup based on these instructions: Create a vibrant art print for a mid-century modern living room, emphasizing hipster aesthetics. Incorporate bold geometric shapes, earthy color palettes, and playful retro patterns. Feature elements like abstract botanicals and vintage furniture silhouettes. The design should evoke a sense of nostalgia while remaining fresh and trendy, appealing to modern sensibilities. 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 product mockup of a product packaging, professional studio lighting, clean modern scene
Photorealistic mockup of an apartment design ad, professional studio lighting, clean modern scene
Create a realistic product mockup based on these instructions: Design a collection of vintage shirts featuring bold, retro graphics and playful colors. Include nostalgic elements like 70s floral patterns, 80s band logos, and 90s pop culture references. Showcase diverse models wearing these shirts in a sunlit urban setting, capturing the essence of vintage style with a modern twist. 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.
Mockup - 1:1
Create a realistic product mockup based on these instructions: Design a sleek and modern clothing brand logo featuring the letters "D" and "T." Incorporate elegant geometric shapes and a minimalistic font. Use a monochromatic color palette, highlighting sophistication and style. The logo should convey a sense of luxury and trendiness, appealing to a fashion-forward audience. 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: Create a mockup of a mid-century modern eclectic living room featuring a large, vibrant art print in A4 format prominently displayed above a sleek wooden console. Incorporate bold, geometric patterns on the rug and colorful throw pillows. The couch should be a calming teal, complemented by indoor plants and unique decorative pieces. 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: Create a vibrant art print mock-up set in a mid-century modern eclectic living room. Feature a bold magenta couch, paired with a brass coffee table and geometric accent pillows. The large art print, boasting a 2:3 ratio, should exude warmth with abstract patterns or a nature-inspired theme, enhancing the cozy atmosphere. 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 pair of stylish cargo shorts in a rich burnt sienna hue, featuring a prominent globe logo on one leg. The words “ASIA IRISH” should be artfully printed in bold, modern typography on the opposite side. The cargo shorts should exude a blend of urban flair and global adventure. 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 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: Create a vibrant collection of vintage shirts, showcasing a variety of retro prints and patterns from the 60s to the 90s. Incorporate bold florals, quirky graphics, and classic stripes in warm, faded colors. Each shirt should evoke nostalgia while encouraging modern wear, blending timeless style with contemporary comfort. 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.
Design a professional sports jersey for a Malaysian education coach team. Colour theme: Bright Yellow and Black. Style: Modern, sporty, premium sublimation jersey. Create TWO versions side by side: 1. Short-sleeve jersey 2. Long-sleeve jersey FRONT DESIGN: - Main colour yellow with dynamic black geometric patterns. - Right chest: Official Malaysian Ministry of Education (Kementerian Pendidikan Malaysia) logo. - Left chest: Bold text "COACH". - Clean and professional layout suitable for teachers and coaches. - Modern V-neck collar in black. - Black sleeve cuffs and side panels. BACK DESIGN: - Large text "SAMARAHAN" across the upper back. - Use a bold, highly readable sports font. - Black lettering with strong contrast against the yellow background. - Include subtle Malaysian-inspired geometric elements. - Professional sports team appearance. GENERAL REQUIREMENTS: - Front and back views displayed clearly. - Realistic jersey mockup. - High-resolution. - Premium athletic wear design. - Suitable for school sports events, educational programmes, coaching activities and official Ministry of Education events. - Clean white background. - Commercial-quality sportswear presentation.
Create a realistic product mockup based on these instructions: Create an engaging visual for Elevated Marketing's brand identity. Design a sleek, modern logo that embodies customization, showcasing elements like puzzle pieces fitting together. Include a tagline: “Tailored Solutions for Unique Brands.” Use a color palette of navy blue and gold, representing professionalism and creativity, with a minimalistic background to emphasize clarity. 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: Create a stunning display of elegant jewelry featuring intricately designed golden and silver rings intertwined harmoniously with deep navy blue rings. Showcase a variety of styles, including vintage, modern, and minimalist designs, set against a luxurious velvet background. Highlight the shimmering textures and reflections to emphasize the opulence and elegance of each piece. 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 modern and elegant logo for "Maello Galerie," a contemporary art space. Incorporate a sleek font with an artistic flair, using a vibrant color palette inspired by abstract art. Include subtle elements like a stylized brushstroke or canvas shape to convey creativity, sophistication, and a passion for visual expression. 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: Create a pair of burnt sienna cargo shorts featuring a prominent globe logo on the right pocket. The letters "A.I." should be artistically incorporated into the design, perhaps as stitching or embroidery, emphasizing a fusion of style and technology. The shorts should exude a casual, urban vibe suitable for modern explorers. 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 stunning light blue ring that features a delicate filigree band adorned with intricate floral motifs. The centerpiece is a shimmering aquamarine gemstone, surrounded by tiny diamond accents that catch the light. The overall look should evoke a sense of elegance and tranquility, perfect for a modern fairy tale 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 a delicate light blue ring embedded with sparkling diamonds, set in a refined silver band. Accompany it with an elegant matching crown, featuring intricate filigree details and shimmering gems that mirror the ring’s hue. The overall look is regal and sophisticated, perfect for a modern fairy tale queen. 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 striking piece of jewelry featuring a luxurious red necklace adorned with sparkling diamonds. The centerpiece is a gracefully designed crimson gemstone, surrounded by intricate diamond settings that catch the light. The necklace should blend modern elegance with classic opulence, set against a soft velvet background to enhance its brilliance. 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 red ruby necklace adorned with sparkling diamonds. The centerpiece is a vibrant, heart-shaped ruby, surrounded by a halo of brilliant-cut diamonds that catch the light beautifully. The chain features intricate filigree work, combining elegance with a modern touch, perfect for a glamorous evening event or special occasion. 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: 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: Create a cozy Mid-Century eclectic living room bathed in warm golden hour light. The art print, featuring abstract forms, hangs straight on the wall. Surround it with a soft-textured vintage couch and vibrant throw pillows. Add twinkling fairy lights around the windows and scattered plants for a lived-in feel, highlighting modern accents throughout the space. 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 light blue diamond dress featuring a dramatic thigh-high split, showcasing intricate crystal embellishments that catch the light. The gown flows elegantly, with a fitted bodice and a soft, cascading skirt, creating a glamorous silhouette. Set against a soft pastel backdrop, the dress sparkles with opulent elegance and modern sophistication. 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 stunning navy blue and silver heart necklace, featuring a gracefully intertwined heart pendant adorned with shimmering silver accents. The necklace should have a delicate chain that complements the pendant without overshadowing it. Incorporate a subtle texture on the heart surface, enhancing its elegance while maintaining a modern aesthetic appeal. 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 collection of stylish shirts that blend comfort and sophistication. Incorporate unique patterns, such as geometric shapes and floral prints, using a vibrant color palette. Include various styles, from casual button-ups to trendy oversized options, ensuring each shirt reflects a modern aesthetic while catering to diverse body types and sizes. 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.
Mockup - 1:1
Create a realistic product mockup based on these instructions: Design an elegant light blue crown adorned with sparkling diamonds. The crown should feature intricate floral patterns and delicate filigree work, creating a regal yet modern appearance. Soft lighting enhances the shimmering diamonds, casting playful reflections. Set against a luxurious velvet backdrop, this crown symbolizes nobility and sophistication, perfect for a royal occasion. 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 product mockup of a archiUsing the provided Health floating-island image as the ONLY design reference, create a collection of clear close-up camera views showing the existing architecture, training area, and running track. This is NOT a redesign. Treat the original image as an already-finished 3D environment. The purpose is only to move the camera closer so a 3D artist can clearly understand what is already there. Show close views of: 1. Main Health building — clearly show the front entrance, large central arch, smaller side arches, columns, pale stone construction, wood upper section, roof, exterior walls, and stairs. 2. Main building side angle — show how the arches, side walls, roof, terrace, foundation, and surrounding landscaping connect. 3. Main staircase — clearly show the broad stone stairs, retaining walls, planters, hedges, vines, rocks, and connection between the central plaza and main building. 4. Outdoor training area — clearly show the existing pull-up bars, parallel bars, vertical training poles, benches, stone exercise pieces, paved surface, and surrounding low hedges. Preserve the same shapes, proportions, materials, colors, object placement, landscaping, and realistic visual style shown in the original image. Do not add equipment, buildings, decorations, paths, structures, architectural details, or landscaping that are not already visible. If a hidden detail cannot be determined from the original image, keep it simple instead of inventing it. Each image should feel like the camera moved closer to the exact original island. No people, text, labels, UI, redesigns, or new features.
Photorealistic product mockup of a bathroom design, professional studio lighting, clean modern scene. Shower pan: 36"W x 60"L, white base Large wall (back wall, 60" length): Othello hexagon tile, grey grout, white niche (36"W x 14"H) centered Two side walls: solid white panels/tile Bench: on the wall opposite the plumbing/valve wall Fixtures: handheld shower head, chrome finish Door: chrome-accented barn-style double slider 60" x 74", 5/16" in clear glass w jambs Height: 96" (8')
A premium realistic product photography mockup of a small pharmaceutical-style glass peptide vial labeled “RetraLabs” and “GLP-3 R10”, 10 mg. Use a clean, modern orange and white label design, with orange as the dominant brand color and subtle dark typography. Minimal, sophisticated laboratory aesthetic, crisp typography, perfectly centered label, white sterile cap, clear glass vial with realistic powder inside. Place the vial standing upright on a clean white/light-gray studio surface with soft natural shadows. High-end pharmaceutical product photography, photorealistic materials, realistic glass reflections, sharp focus, premium commercial branding, minimal background, no people, no hands, no unnecessary props.
Create a realistic product mockup based on these instructions: Crie uma tela de login moderna para um aplicativo Android. Inclua campos para e-mail e senha com ícones de segurança. Adicione um botão estilizado para "Entrar" em azul vibrante e outro para "Cadastrar" em verde. O fundo deve ser gradiente, com um toque minimalista e amigável ao usuário. 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 refined jewelry brand identity mockup featuring a color palette of dark espresso and deep chocolate, reminiscent of sophisticated editorial fashion packaging. Integrate a subtle, desaturated leopard pattern with a matte finish for elegance. The typography should be elongated, clean, and architectural, emphasizing spaciousness. Incorporate warm champagne-gold foil accents subtly. Use textured matte paper for packaging, a suede pouch in warm sand or taupe, and a deep mocha satin ribbon, all neatly housed in a minimally detailed rigid box. Employ soft warm studio lighting and a neutral beige background to maintain a calm, elevated aesthetic. The design should exude quiet sophistication, reflecting an Italian boutique vibe with tactile materials and a restrained composition. Keep generous empty spaces around the logo and typography, ensuring a confident, minimal placement that conveys luxury without excess. Avoid crowded elements, glossy finishes, pink tones, luxury clichés, and generic glamour to achieve a timeless, premium feminine identity that feels more like a high-end fashion accessory brand. 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 photorealistic premium product photograph of a standard pharmaceutical research vial for RetraLabs. The vial should match the physical proportions of the RetraLabs vials in the reference images: a medium-sized cylindrical glass vial with a moderately wide body, rounded shoulders, a short narrow neck, and a proportionate silver aluminum crimp cap. IMPORTANT — use a NORMAL pharmaceutical vial shape. Do NOT make it tall and skinny, do NOT make it look like a test tube, and do NOT make the cap oversized. The vial should occupy approximately 55–65% of the image height, with comfortable white space around it. Label design: * RetraLabs branding at the top * Orange and white color scheme * “GLP-3 R10” as the primary product name * “10 mg” clearly displayed underneath * Clean modern typography * Minimal premium biotech/research aesthetic * Compact label that does not cover the entire vial Use realistic clear glass, subtle white powder visible inside the vial, realistic silver crimp cap, soft studio lighting, clean white background, natural contact shadow, and high-end pharmaceutical product photography. The final product should look like a real RetraLabs catalog product photographed professionally, not an illustration, test tube, ampoule, or laboratory sample tube. The vial should be a TALL, SLIM pharmaceutical glass vial, not a short or wide bottle. Keep the glass body noticeably taller than its width. Use a relatively SMALLER silver aluminum crimp cap that is only slightly wider than the vial neck and does NOT dominate the top of the bottle. Use these proportions: * Tall cylindrical glass body * Narrower/slimmer body * Short rounded shoulder leading into a narrow neck * Small silver crimp cap * Cap width only slightly wider than the glass body * Realistic pharmaceutical vial proportions * Do NOT use an oversized cap or squat bottle shape Match the overall physical silhouette of the RetraLabs vials shown in the reference product catalog. For the label, use a smaller, cleaner label with more white glass visible above and below it. Keep the RetraLabs branding subtle and compact. Use the orange RetraLabs design with “GLP-3 R10” as the main product name and “10 mg” underneath. Keep the realistic clear glass, silver cap, white studio background, soft shadow, and clean commercial product photography. IMPORTANT: Do not redesign the physical bottle. Match the reference vial's proportions and silhouette as closely as possible. Do not make the cap oversized, do not make the bottle squat, and do not make the label cover most of the vial.

Frequently asked questions

How does the AI modern ui mockup generator work?

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

Can I put my own design on the modern ui?

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

Who owns the mockups?

You do — mockups you generate are yours. See our Terms of Service for full details. Copyright rules vary by country and we can't give legal advice, so check with a legal expert on specific questions.

More mockup generators

Box mockup generatorPackaging mockup generatorPouch mockup generatorJar mockup generatorCosmetics mockup generatorWine Label mockup generator