Browse components
Phone Mockups
Realistic device frames with replaceable screenshots for showcasing your mobile app product.
A single folded iPhone Duo with a replaceable 1398 × 2034 external display and polished silver frame.
A single fully open iPhone Duo with a flat, replaceable 2670 × 1878 display and subtle hinge detail.
A silver foldable concept with polished edges, dual cameras, and one easily replaceable screenshot.
About Phone Mockups Components
Phone mockups show your mobile product in a landing page, feature section, or launch announcement. They place your screenshots in a consistent device frame.
Replace the supplied screen with your own product image, and use the frame as a presentation layer that works across responsive layouts.
Frequently asked questions
How do I add my app screenshot to a phone mockup?
Replace the image or child content passed to the mockup with your own screenshot, then keep its aspect ratio aligned with the visible device screen.
Can phone mockups be used in responsive sections?
Yes. Size the outer mockup container with responsive Tailwind utilities and let the screenshot fill the device screen rather than using fixed page dimensions.
What image format should I use for app screens?
Use optimized PNG, WebP, or AVIF screenshots with enough resolution for the largest displayed size. Provide meaningful alt text when the image communicates product information.