vue-friendly-iframe

Vue component for creating dynamic async iframes
221,650 313
vue vuejs components async dynamic iframe friendly iframe
Install
npm install vue-friendly-iframe
Latest Version:0.20.0
Vue:2
License:MIT
Last Updated:May 3, 2026
Links: GitHub  ·  npm
Maintainer: tofficer

vue-friendly-iframe

Vue js component for creating dynamic async iframes based on Aaron Peter's article: http://www.aaronpeters.nl/blog/iframe-loading-techniques-performance

npm version

Documentation

https://officert.github.io/vue-friendly-iframe

Demo

https://officert.github.io/vue-friendly-iframe

Requirements

Installation

Vue Support

Supports on Vue >= 2

Installation and Usage

npm install vue-friendly-iframe --save-dev

import Vue from 'vue';
import VueFriendlyIframe from 'vue-friendly-iframe';

Vue.use(VueFriendlyIframe);

Add the component to your HTML:

<vue-friendly-iframe :src="example1Form.src" @load="onLoad"></vue-friendly-iframe>

Contributing

Pull requests are welcome, or open up an issue if you have ideas for additional functionality, new features or bugs.

Related Packages

vue-iframes

Vue component for creating dynamic async iframes

61,348 49
async components dynamic iframe vue vuejs vue iframe
@devlsh/embed

Simple iFrame messaging for Vue.

426 45
async iframe vue communication events messaging postmessage typescript
vue-frame

Dynamic component for rapid creation of interfaces

17,674 47
iframe vue component
vuex-iframe-sync

Vuex state synchronization between iframe/window

5,696 102
iframe sync vuex
@koumoul/v-iframe

Iframes with aspect ratio, iframe resizer integration and some corner cases.

4,186 3
iframe vuejs responsive

Version History

Version Released License
0.20.0 MIT
0.19.0 MIT
0.18.0 MIT
0.17.0 MIT
0.16.0 MIT