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

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.

Dependencies

uuid: ^3.3.3 vue: ^2.3.3

Dependencies

autoprefixer: ^7.1.2 babel-core: ^6.22.1 babel-eslint: ^7.1.1 babel-loader: ^7.1.1 babel-plugin-transform-runtime: ^6.22.0 babel-preset-env: ^1.3.2 babel-preset-stage-2: ^6.22.0 babel-register: ^6.22.0 chalk: ^2.0.1 connect-history-api-fallback: ^1.3.0 copy-webpack-plugin: ^4.0.1 css-loader: ^0.28.0 cssnano: ^3.10.0 eslint: ^3.19.0 eslint-friendly-formatter: ^3.0.0 eslint-loader: ^1.7.1 eslint-plugin-html: ^3.0.0 eslint-config-standard: ^6.2.1 eslint-plugin-promise: ^3.4.0 eslint-plugin-standard: ^2.0.1 eventsource-polyfill: ^0.9.6 express: ^4.14.1 extract-text-webpack-plugin: ^2.0.0 file-loader: ^0.11.1 friendly-errors-webpack-plugin: ^1.1.3 html-webpack-plugin: ^2.28.0 http-proxy-middleware: ^0.17.3 npm-run-all: ^4.0.2 webpack-bundle-analyzer: ^2.2.1 cross-env: ^5.0.1 karma: ^1.4.1 karma-coverage: ^1.1.1 karma-mocha: ^1.3.0 karma-phantomjs-launcher: ^1.0.2 karma-phantomjs-shim: ^1.4.0 karma-sinon-chai: ^1.3.1 karma-sourcemap-loader: ^0.3.7 karma-spec-reporter: 0.0.31 karma-webpack: ^2.0.2 lolex: ^1.5.2 mocha: ^3.2.0 chai: ^3.5.0 sinon: ^2.1.0 sinon-chai: ^2.8.0 inject-loader: ^3.0.0 babel-plugin-istanbul: ^4.1.1 phantomjs-prebuilt: ^2.1.14 chromedriver: ^2.27.2 cross-spawn: ^5.0.1 nightwatch: ^0.9.12 selenium-server: ^3.0.1 semver: ^5.3.0 shelljs: ^0.7.6 opn: ^5.1.0 optimize-css-assets-webpack-plugin: ^2.0.0 ora: ^1.2.0 rimraf: ^2.6.0 url-loader: ^0.5.8 vue-loader: ^12.1.0 vue-style-loader: ^3.0.1 vue-template-compiler: ^2.3.3 webpack: ^2.6.1 webpack-dev-middleware: ^1.10.0 webpack-hot-middleware: ^2.18.0 webpack-merge: ^4.1.0