vue-image-effect

A simple, highly customisable image effect component for Vue 2.x

Usage no npm install needed!

<script type="module">
  import vueImageEffect from 'https://cdn.skypack.dev/vue-image-effect';
</script>

README

Image Effect Component

Build Status npm

A simple, highly customisable image effect component for Vue.

Screenshot

star-rating.png

Features

  • Customisable image.
  • Customisable size image.
  • Create and customisablee description image.
  • Good SEO for image

Usage

Via NPM

Install via npm:

npm install vue-image-effect

Then require in your project:

var VueImage = require('vue-image-effect');

or ES6 syntax: import VueImage from 'vue-image-effect'

Then you can register the component globally:

Vue.component('vue-image-effect', VueImage);

Or in your Vue component:

components: {
  VueImage
}

You can then use the following markup in your project:

<vue-image src='...' alt='...' ...></vue-image>

Via CDN

You may also include vue-image-effect directly in to your webpage via Unpkg. Simply add the following script tag:

<script src="https://unpkg.com/vue-image-effect/dist/image-effect.min.js"></script>

You will need to register the component by doing:

Vue.component('vue-image', VueImageEffect.default);

You may also register the component locally via the components option.

Development & Testing

Please check the Contributing Guidelines.

Contribution

Issues and PRs are welcome !