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

An interactive vue component that displays multiple images in a row.

Other

Documentation

vue image wall

An interactive vue component that displays multiple images in a row.

By hovering mouse over one of the images, that image will expand in width.

Demo

Requirements

Make sure you have following tools installed on your system:

Getting Started

First, clone/download this repo

git clone https://github.com/asvrada/vue-imagewall.git

Under this repo, install dependency for this project

yarn install

After this point, you can check the package.json to see available actions under scripts section.

# To run in the browser: yarn run serve  # To build production build yarn run build  # etc...

To use as a vue component

At this point, this repo is not ready to be used as normal/standard vue component because its still under early development.

To use this in your project, I'd recommend build and publish this repo to a separate domain then include it using HTML tag <frame> from wherever you want to use it.

TODO:

  1. vue component
  2. Support for images of all size
  3. Add two interaction modes
    1. macOS dock

License

MIT


You May Also Like