mckp.live

mckp.live brings interactive 3D device mockups — phones, laptops, tablets and more — right into Framer, by ls.graphics.

Drop live, animated 3D device mockups straight onto your Framer canvas. Mockups that breathe. mckp.live brings interactive 3D device mockups — phones, laptops, tablets and more — right into Framer, by ls.graphics . Browse the mockup library without leaving your project, drop a scene onto the canvas, and it stays fully alive on your published site: mockups can react to scroll, cursor, hover, clicks, or play on load — no plugins for your visitors, no video exports, no fake screenshots. Features Live 3D on your site. Insert a mockup as a lightweight component that renders real-time 3D on the published page. Animation triggers. Scroll, hover, click, in-view, mouse-move or on-load — set the animation to fire exactly the way your layout needs. Cursor & zoom interactions. Cursor-follow parallax, click zoom (dolly or FOV) and camera zoom, configurable per instance. Custom backgrounds. Transparent or any color — match the mockup to your design. Image export. Need it static? Paste any frame as a plain image. Video export. Insert the animation as an mp4/webm video component when you want zero runtime. Saved scenes. Reuse the setups you've already crafted in mckp.live . How it works Open the plugin and sign in (free to start). Pick a mockup, customize the scene. Paste it to the canvas — as a live component, an image, or a video. Publish. The mockup runs live on your site.

Interactive and Video Mockups