Vue 3 MockBook

Vue 3 wrapper for CSS only mockup of a macbook for displaying screenshots on your website.

Getting started

Install via NPM:

npm i @onthetools/vue-mockbook

Import the package and styles to use in your Vue 3 project:

import { VueMockbook } from '@onthetools/vue-mockbook'
import '@onthetools/vue-mockbook/dist/style.css'

Then to use the component pass a required screenshot prop and optional url to display in the address bar

<VueMockbook screen-shot="path-to/screenshot.png" url="optionalurl.com" />