The pain that shipped this plugin

I lost count of the hours I spent exporting flat PNG mockups, dragging them into Framer, replacing them next release, exporting again. Every landing page I built had that same silent tax: another 4K device render that would go stale the moment the product moved.

So I stopped leaving Framer to make mockups. That's Mockiosa.

What Mockiosa is

Mockiosa is a Framer plugin that ships real-time 3D device mockups — iPhone 17 Pro, iPhone Air, iPad Pro, MacBook Pro, iMac, Apple Watch Ultra. Drop a screenshot or a video on a real 3D Apple device, orbit the camera, pick a finish, ship. One canvas. No Blender. No Rotato. No After Effects render queue.

Real 3D. Real-time. Live in your Framer site.

Three tiers, one honest ladder

I wanted the pricing to reflect the actual moment of magic, not a random SaaS grid.

• Ground — $9.99/mo. Photo and video export in up to 4K. The sub-$10 door: enough to fall in love, cheap enough to try on a Tuesday night.

• Float — $29/mo. The 3D iPhone unlock — the exact moment the plugin stops feeling like a screenshot tool and starts feeling like a scene. This is where the magic tier lives.

• Orbit — $39/mo. Every device in 3D, plus the live embed on your published Framer site. Full unlock.

Monthly only, cancel anytime, no free plan — because I want people who actually ship, not people who screenshot a trial.

The live embed is the wild feature

Every other mockup tool in the Marketplace outputs an image or a video. Orbit ships an interactive 3D component that renders on the published Framer landing — your visitor can grab the device, orbit it, watch the screen react. That has never existed in Framer before.

Under the hood: Draco-compressed GLB assets (the iPhone Air is 89 percent smaller on the wire than uncompressed), served from a Cloudflare R2 CDN with LOD swap on slow connections. Draco decoding runs in a worker; the scene warms up while the rest of the page hydrates. It stays smooth on a mid-range Android.

What ships today

• Seven Apple devices in real 3D, seven finishes each

• Drop-your-screenshot flow with the screen mesh curved to the real device panel

• Video mockups — drop an MP4 and it plays on the device screen

• Capture-your-website mode — the plugin pre-checks iframe embeddability before loading

• Photo and 4K video export, with poster + thumbnail baked from the saved camera pose

• Live 3D embed component you drop on any Framer page (Orbit)

What's next

• Custom textures — bring your own material for the device body

• Generated 3D environments — one click, drop the device into a scene

• Interactive website on the device screen (not just a screenshot — a live iframe on the render)

• Appear animations for the embed

• Batch export — one scene, all seven devices, all angles

Try it right now

Three things I'd love you to do today:

• Install Mockiosa from the Framer Marketplace and open it on any project

• See the live 3D embed in action at mockiosa.memselon.com

• Follow @memselon on X for launch-day updates and the roadmap

If you're a designer who's tired of maintaining a folder of exported PNGs, this one's for you.

Build with 🫰 by Memselon & May