mckp.live

Item: mckp.live
Rating: 7.2

Interactive 3D mockups you embed live or export as video.

7.2/10MABTU rating

DESKTOP · 1440 × 11,579/ ↗

MOBILE · 390

Section outline · Home

01heroMockups That Breathe1,425
02contentJust Dropped432
03features grid279
04content144
05content1,004
06contentMore Than Visuals.260
07media text2,048
08features grid1,381
09features gridPlays Nicely1,852
10content1,120
11contentEngage Your Audience with Live Mockups900
12footer270

Rating · Home

Visual design7.4

UX & clarity6.9

Originality6.6

Craft & consistency7.2

Motion7.2

Performance & a11y7.7

This page scores 7.2; the site score weights the home page double.

Main colours

Dark·black background·mono

Typography

Interheading · sans · self-hosted Interbody · sans · self-hosted

Stack & style

Framer React Google Fonts

Bold typography 3D Dark tech Product-UI-led Bento grid Marquee Sticky header Text reveal

Also: Google Analytics, Google Tag Manager

Design DNA

Pure black page with a large two-line grotesk headline and a glossy phone render bursting out of dark stone shards. A strip of new mockup scenes, then editor panels floated over a render show customisation. A grid of integration tiles with one lavender gradient card, a bento of code export, triggers and cursor effects, a changelog pair and a grey closing band with a falling phone.

Worth borrowing

Float real editor panels around a hero render so the product UI and its output read as one image.
Make one tile in an otherwise black integration grid a soft lavender gradient to carry the key message.