vue3-parallax

Vue.js 3 plugin for simple parallax.
8,175 7
Install
npm install vue3-parallax
Latest Version:0.1.4
Vue:3
Last Updated:Oct 14, 2023
Links: GitHub  ·  npm
Maintainer: lioruby

vue3-parallax

A simple Vue.js 3 parallax component.

You can see the demo here : https://lioruby.github.io/vue3-parallax/

Get Started

With yarn

yarn add vue3-parallax

With npm

npm i vue3-parallax

To use it in your Vue app

// main.js

import { createApp } from 'vue'
import App from './App.vue'
import ScrollParallax from 'vue3-parallax/src/components/ScrollParallax.vue';


const app = createApp(App);
app.component('scroll-parallax', ScrollParallax);

// ...

To use it just as component:

import ScrollParallax from 'vue3-parallax/src/components/ScrollParallax.vue';

export default {
  components: {
    ScrollParallax
  },

// ...

Usage

<scroll-parallax>
  <YourComponent/>
</scroll-parallax>
Props Type Value Default
speed Number below 0.6 0.15
direction String x/y y
up Boolean true
down Boolean false
left Boolean false
right Boolean true

Version History

Version Released Vue License
0.1.4 ^3.0.0
0.1.3 ^3.0.0
0.1.2 ^3.0.0
0.1.1 ^3.0.0