vc-parallax

VcParallax is a lightweight component, based on VueJs for adding awesome parallax effects to web pages.

Website and demo: https://parallax.wemakesites.net

Repo: https://bitbucket.org/acidmartin/vc-parallax

Author: Martin Ivanov

Installation

// npm
$ npm install vc-parallax --save
// yarn
$ yarn add vc-parallax

Adding to a VueJs Project

import {VcParallax, VcParallaxSection} from 'vc-parallax'
// import the stylesheet
import '../node_modules/vc-parallax/dist/lib/vc-parallax.min.css'
// add to Vue
Vue.use(VcParallax)
Vue.use(VcParallaxSection)

Demo, configuration, events and props

https://parallax.wemakesites.net

Development and Build Setup

# install dependencies
npm install
 
# serve with hot reload at localhost:8080
npm run dev
 
# build for production with minification
npm run build
 
# build for production and view the bundle analyzer report
npm run build --report
 
# run unit tests
npm run unit
 
# run e2e tests
npm run e2e
 
# run all tests
npm test

For detailed explanation on how things work, checkout the guide and docs for vue-loader.