---
title: "mckp.live — Interactive Mockups That Move"
url: https://stacklist.com/card/6b135414-cb4d-47bc-b1b8-5ac3a21a0b57
source_url: "https://mckp.live/"
stack: https://stacklist.com/stack/67b59b54-8aa2-4460-bdb8-fa13669f687d
summary: "McKP Live is an interactive 3D mockup platform that allows users to embed live or export mockup scenes as videos with customizable animations and effects. The tool integrates with popular web platforms like Webflow and Framer, offering cursor-aware cinematics, pre-built animations, and real-time performance monitoring before deployment."
tags: "3d-mockups, live-streaming, interactive-design, web-embedding, animation, product-visualization, design-tool"
key_entities: "McKP Live (technology), Webflow (technology), Framer (technology), 3D mockups (technology), interactive design (concept), cursor-aware cinematics (concept), iPhone 17 Pro (technology), MacBook Air (technology), bls.graphics (organization)"
classification: "reference"
content_hash: "sha256:341e956dd18df45878e8565be33b333f858c876be3d7dd278409c5c4e121aca7"
acp_version: "0.2"
token_counts_approximate: 1629
visibility: public
agent_accessible: true
status: "final"
---

# mckp.live — Interactive Mockups That Move

M o c k u p s T h a t B r e a t h e M o c k u p s T h a t B r e a t h e Mockups That Breathe I n t e r a c t i v e 3 D m o c k u p s y o u e m b e d l i v e o r e x p o r t a s v i d e o I n t e r a c t i v e 3 D m o c k u p s y o u e m b e d l i v e o r e x p o r t a s v i d e o Start for free Start for free Explore gallery Explore gallery b y l s . g r a p h i c s Just Dropped A growing library of 300+ mockup scenes. Fresh drops, handpicked for you Just Dropped A growing library of 300+ mockup scenes. Fresh drops, handpicked for you ')"> iPhone 17 Pro be1005dc-d84f-464e-a848-0e79397c5cd1 323615b4-8f86-416d-9d52-fe860015af95 ')"> MacBook Air a51b5d5c-4943-4c32-a135-d390cb713faf bb905d1f-666a-4c83-abda-763e88c5207f ')"> iPhone 17 Pro f1a44cc5-5f83-4f30-b579-20c0f58c4223 e2c35be6-4dc9-48f6-8c8f-65f9d542bb56 ')"> iPhone 17 Pro MultiShot c9301641-660a-4adb-8789-915895ac92e3 d2a75e51-5ca5-464a-b9d9-c5ae26f0c3ed ')"> Nothing Phone (3) dedf73b6-5d8e-4050-83b1-dafab6972e1d b8ee0728-0cfb-4d47-9c72-ab0ac3a99018 ')"> Nothing Phone (3) 8593234d-2d4d-46e5-9918-a8abbce36087 d6523ccf-3069-42d5-8c38-a8586469f229 ')"> MacBook Pro Multi-shot 121e83c5-3971-4a65-9022-c13900e389f1 529018f1-750d-424b-9fc2-c6f7fc8b96dd ')"> iPad Pro 029f2382-0966-44e2-9aef-162ea433b789 770d2949-c256-4979-beab-e37136b454b7 ')"> iPhone 17 Pro Multi-shot 0d20f891-a2bb-40f1-bb49-241c5077a2cb 442a7abb-a796-4a39-9974-2a9373994f44 ')"> Nothing Phone (3) 078fbb20-9900-462a-b767-42d4a1814eea 84817f6c-3f5f-497a-9d6b-4bb2c7f918cf ')"> iPhone 17 Pro 4bb233f3-2951-4ec0-8338-a0fe0420d5d7 2b55a228-0f5c-4241-bb92-d32fc7c60829 ')"> iPhone 17 Pro 9f2a8556-16ce-4067-b789-e87e1fe36bd1 c3ab2270-b95e-4984-beba-5ef0b0c0f5ba Explore gallery Embed them. Render them. Ship them anywhere. M o r e T h a n V i s u a l s . A R e a l E x p e r i e n c e . Your visitors don't just look — they interact. Every movement feels natural. Every scene responds to them. It works smoothly and it pulls people in from the first second. Embed Mockups Works with Webflow, Framer, or any custom site. Copy the code, paste it, and your mockup goes live in seconds. Multishot Loop Enter Breathing Pre-built animation Ready-to-use animations — enter, exit, breathe, or loop. Add motion to any scene in one click, no setup needed. ')"> Follow Zoom Shake Dolly Cursor-aware cinematics Cinematic camera effects that react to the cursor in real time. Zoom, shake, dolly, or follow — every scene responds. ')"> Triggers Trigger animations exactly how you want — on click, hover, scroll, or even cursor movement. Your call, every time. See how it runs, before you ship See how every embed runs — FPS, file size, draw calls, GPU memory — on any device, before anyone opens it. Export as Video Export any scene as a high-quality video. Perfect for presentations, ads, and social media you ship every day. Make It Yours. Every scene is fully customizable. Match it to your brand, your colors, your style — down to the smallest detail. Bring your own visuals. Swap the mockup screen for any image or video. It just works. Color the light Recolor every light and tune its intensity — warm, cold, soft, or bold. Set the scene Pick a gradient, drop in an image, or go fully transparent. Bring your own visuals. Replace the mockup screen with any image or video. It just works. Color the light Recolor each light and tune its intensity. Warm, cold, soft, bold — it's up to you. Set the scene Choose a gradient, upload an image, or go fully transparent. Your background, your call. P l a y s N i c e l y W i t h Y o u r S t a c k Bring your own visuals. Replace the mockup screen with any image or video. It just works. Color the light Recolor each light and tune its intensity. Warm, cold, soft, bold — it's up to you. Set the scene Choose a gradient, upload an image, or go fully transparent. Your background, your call. Render a video for Dribbble, Behance, or Instagram. Embed live mockups into Framer, Webflow, or any site with a line of HTML. One tool, every surface you ship on. ')"> Dribbble Video export Stop the scroll. ')"> Dribbble Video export Stop the scroll. ')"> Framer Live embed or video export Native to your workflow. ')"> Framer Live embed or video export Native to your workflow. ')"> Behance Video export Case studies that move. ')"> Behance Video export Case studies that move. ')"> Instagram Video export Built for the grid. ')"> Instagram Video export Built for the grid. ')"> Webflow Live embed or video export Embed and forget. ')"> Webflow Live embed or video export Embed and forget. Custom HTML Video export Works anywhere HTML does. Custom HTML Video export Works anywhere HTML does. Change Log Gizmo for objects and scenes Say hello to the gizmo: move and rotate objects right in the scene and build the composition exactly as you envisioned. Jul 12, 2026 Speed slider You can now control animation speed on the fly — speed up the scene playback or slow it down. Jul 12, 2026 View Change Log ')"> Dribbble Video export Stop the scroll. ')"> Framer Live embed or video export Native to your workflow. — Paste the embed, ship the site. Live, interactive mockups with zero plugins. ')"> Behance Video export Case studies that move. Export ready-to-upload videos for your Behance projects ')"> Instagram Video export Built for the grid. — Render square, vertical, or reel-ready videos in one click. Your work, sized for the algorithm. ')"> Webflow Live embed or video export Embed and forget. Responsive, fast, no code — works the moment you publish. Custom HTML Live embed or video export Works anywhere HTML does. — One line of iframe, infinite possibilities. Your site, your stack, our mockups. ✨ Connect to Content Add layers or components to swipe between. Engage Your Audience with Live Mockups Start for free Explore gallery Engage Your Audience with Live Mockups Start for free Explore gallery Engage Your Audience with Live Mockups Start for free Explore gallery © 2026 mckp.live – A product by  ls.graphics Project Overview Mockups Guides Change Log Pricing Connect Dribbble Behance Telegram X Legal Cookie Policy Privacy Policy Terms Cookie Settings © 2026 mckp.live – A product by  ls.graphics Project Overview Mockups Guides Change Log Pricing Connect Dribbble Behance Telegram X Legal Cookie Policy Privacy Policy Terms Cookie Settings © 2026 mckp.live – A product by  ls.graphics Project Overview Mockups Guides Change Log Pricing Connect Dribbble Behance Telegram X Legal Cookie Policy Privacy Policy Terms Cookie Settings