---
title: "iPhone Sim Mockup — Free Framer component · Best of Framer"
description: "Free Framer component · by Deivids · Interactive. the one you see in the Simulator App"
canonical: "https://framer.elliotli.dev/component/iphone-sim-mockup"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/iPhone Sim Mockup

# iPhone Sim Mockup

the one you see in the Simulator App

[View on Framer](https://framer.com/marketplace/components/iphone-sim-mockup/?via=elliot-li)

![iPhone Sim Mockup preview image 1](https://framer.elliotli.dev/og/component/iphone-sim-mockup/09b8d243f82eb1ef/1600x1200.jpg)

## Summary

the one you see in the Simulator App

## Description

-   You can choose an image for the screen
    
-   Side buttons are animated
    

Use transform scale - it's more reliable for scaling.

### Explanation:

When using this component, _transform: scale_ only affects the visual size of the content, not the component’s layout dimensions. As a result, the element appears larger or smaller while its layout footprint remains unchanged. To work around this limitation, wrap the component in a layout container and apply scaling to the inner element. For accurate sizing, **the wrapper’s width and height** **should be multiplied by the same scale value that is applied to the inner component.**

## Rank history [How rankings work →](/terms#rankings)

-   All · #733

## Details

- **Author**: Deivids
- **Published**: 2026-02-09
- **Updated**: 2026-02-09
- **Added**: 2026-01-27
- **Categories**: Interactive

## More like this

-   [Drawing component](/component/drawing-component) — Ariel Barrios · Free — Just a free drawing component
-   [Code Comparison](/component/code-comparison) — Syauqizaidan Khairan Khalaf · $5 — Before and after code side by side
-   [Voice Testimonials](/component/voice-testimonials) — valorsic studio · $15 — Voiceover & typewriter reviews
-   [Product Tour Pro](/component/product-tour-pro) — Oddframe · $10 — Showcase Products Step by Step