✨ Present your screens in a 3D device.

Features

• Beautiful physically based rendered device
• Rotate in any direction
• Customise device colour
• Adjust lighting, shadow, and environment
• Animate using MockmaticAnimator

Usage

For the screen’s contents you can use either:

• Image Use a static image. Select the ‘Image’ control to choose an image.
• Frame Connect to another frame. Frame size should be ‘Apple iPhone XS’ / 375x812.

History

v0.5.2

• Fixes issue where assets weren’t being returned.

v.0.5.1

• Fixes issue that was causing preview not to show in browser when using an image.

v0.5

• Added abilty to render screenshot. Need to be viewing in browser (http://127.0.0.1:4567) , then press Control-S.

v0.4

• Added onProgress callback and repeat options to MockmaticAnimator

v0.3

• Enables ability to interact with Frame content.
• Frame is now resized to fit.
• Fixed bug causing props for custom Color not to show

v0.2

• Added ability to connect to a Frame to use as the screens contents.

v0.1

• Initial version

Contact

Any questions, issues, contact me @djfumberger / dave@fumberger.com

📣I’m also available for work. If you need designs turned into high fidelity prototypes or custom Framer X components developed, I’d love to chat!