🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

A simple, highly customizable, SEO-friendly image effect component for Vue.

Image

Documentation

Image Effect Component

npm Netlify Status

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:

const 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 !


You May Also Like