---
title: "mckp.live — Free Framer plugin · Best of Framer"
description: "Free Framer plugin · by mckp.live · Media · ranked #80 among Framer plugins. mckp.live brings interactive 3D device mockups — phones, laptops, tablets and more — right into Framer, by ls.graphics."
canonical: "https://framer.elliotli.dev/plugin/mckp-live"
---

[Home](/)/[Plugins](/plugins)/[Media](/plugins/category/media)/mckp.live

# mckp.live

Interactive and Video Mockups

[View on Framer](https://framer.com/marketplace/plugins/mckp-live/?via=elliot-li)

![mckp.live preview image 1](https://framer.elliotli.dev/og/plugin/mckp-live/2133ac31d47cf44e/1600x1200.jpg)

## Summary

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

## Description

Drop live, animated 3D device mockups straight onto your Framer canvas.

Mockups that breathe. [mckp.live](http://mckp.live) brings interactive 3D device mockups — phones, laptops, tablets and more — right into Framer, by [ls.graphics](http://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](http://mckp.live).
    

**How it works**

1.  Open the plugin and sign in (free to start).
    
2.  Pick a mockup, customize the scene.
    
3.  Paste it to the canvas — as a live component, an image, or a video.
    
4.  Publish. The mockup runs live on your site.
    

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

-   All · #80

## Details

- **Author**: mckp.live
- **Published**: 2026-07-30
- **Updated**: 2026-08-03
- **Added**: 2026-07-30
- **Categories**: Media

## More like this

-   [Model Prep](/plugin/model-prep) — Litchi Solutions · Free — Compress 3D models, add finishes
-   [Animated Diagram Builder](/plugin/animated-diagram-builder) — Luke Sn · Free — Build animated workflows visually.
-   [Bandwidth Saver - Cloudflare R2](/plugin/bandwidth-saver-cloudflare-r2) — Luke Sn · Free — Host videos in your own Cloudflare
-   [SVG Flower Generator](/plugin/svg-flower-generator) — Eugenio Ciccale · Free — Geometric SVG Flower Generator