Mockup Device 3d

Renders iPhone and MacBook mockups entirely in CSS with real HTML content embedded on the screens instead of static images. Think product launch visuals or design portfolio pieces where you want actual UI running inside device frames. It builds the device chassis with transforms and gradients (titanium edges, glass highlights, floor reflections), then drops your content into mobile and desktop viewports at proper scale. Includes optional 8s turntable rotation. The whole thing lives in a single HTML file at 1920×1080, no external mockup PNGs. Good for when Figma exports feel too flat and you need something that looks like a GLTF render without actually loading 3D models.

Install to Claude Code

npx -y skills add nexu-io/open-design --skill mockup-device-3d --agent claude-code