Beta

MacBook Frame

Front-facing MacBook mockup — drop a screenshot, gradient, or live UI on the screen.

MacBook Frame

Front-facing MacBook mockup — drop a screenshot, gradient, or live UI on the screen.

When to use it

The device frame for hero sections and case-study covers where a bare screenshot would read as a diagram. Use it when the screen content is the point and the hardware is only there to give it scale.

Install

Adds MacBook Frame and its dependencies to your project through the shadcn CLI.

$ npx shadcn@latest add https://www.ssicevs.com/r/macbook-frame.json