vue-browser-component

A browser-like window container component for Vue that's ready to showcase anything inside it's screen (images, videos, iframes, etc). 3.04kb gzipped, resizable & maintains it's aspect ratio, free of assets -> CSS only.

Demo Demo HTML file was auto-generated using vue-cli.

Install

yarn add vue-browser-component

Usage

Browser

<browser url="https://megawebsite.com"> ...(image or video or w/e inside the screen)... </browser>

Vue / Nuxt

import browser from 'vue-browser-component'
 
/**
 * Hook in the styles
 */
require('vue-browser-component/dist/index.css')
 
export default {
  components: {
    browser
  }
}

Params

param	type	description	required
url	String	appears on browser's top bar	false

Feel free to suggest more!

Browser Support

Check this & Feel free, if you need, to make your own adjustments in package.json browserlist (for what's possible).

Contribute

• Read this before contributing
• Quick HOW-TO step-by-step guide