All Projects → gerasimvol → Vue Prlx

gerasimvol / Vue Prlx

Licence: mit
🔮 Vue.js parallax directive you were looking for (can animate translate & background-position)

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Vue Prlx

Simpleparallax.js
Simple and tiny JavaScript library that adds parallax animations on any images
Stars: ✭ 1,075 (+667.86%)
Mutual labels:  scroll, parallax
React Native Stretchy
🤸‍♀️A ReactNative scrollable stretchy header component
Stars: ✭ 216 (+54.29%)
Mutual labels:  scroll, parallax
React Scroll Parallax
🔮 React components to create parallax scroll effects for banners, images or any other DOM elements
Stars: ✭ 1,699 (+1113.57%)
Mutual labels:  scroll, parallax
Motus
Animation library that mimics CSS keyframes when scrolling.
Stars: ✭ 502 (+258.57%)
Mutual labels:  scroll, parallax
Rolly
Custom scroll with inertia, smooth parallax and scenes manager
Stars: ✭ 109 (-22.14%)
Mutual labels:  scroll, parallax
Vuebar
(🗃️ Archived) Vue 2 directive for custom scrollbar that uses native scroll behavior. Lightweight, performant, customizable and without dependencies. Used successfully in production on https://ggather.com
Stars: ✭ 650 (+364.29%)
Mutual labels:  scroll, vue-directive
React Native Parallax Scroll
Parallax scroll view for react-native
Stars: ✭ 385 (+175%)
Mutual labels:  scroll, parallax
Lax.js
Simple & lightweight (<4kb gzipped) vanilla JavaScript library to create smooth & beautiful animations when you scroll.
Stars: ✭ 8,274 (+5810%)
Mutual labels:  scroll, parallax
Materialviewpager
A Material Design ViewPager easy to use library
Stars: ✭ 8,224 (+5774.29%)
Mutual labels:  scroll, parallax
Vue Parallax Js
Tiny vue component that adds a directive for parallax effect on elements.
Stars: ✭ 107 (-23.57%)
Mutual labels:  parallax
Svelte Infinite Scroll
Infinite Scroll Component to Svelte
Stars: ✭ 102 (-27.14%)
Mutual labels:  scroll
Pd Select
vue components ,like ios 3D picker style,vue 3d 选择器组件,3D滚轮
Stars: ✭ 101 (-27.86%)
Mutual labels:  scroll
Prognroll
A tiny, lightweight jQuery plugin that creates scroll progress bar on the page.
Stars: ✭ 108 (-22.86%)
Mutual labels:  scroll
React Video Scroll
A React component to seek or control the video frame rate on scroll.
Stars: ✭ 114 (-18.57%)
Mutual labels:  scroll
React Lazy Hero
⚡️ A hero component for React
Stars: ✭ 134 (-4.29%)
Mutual labels:  parallax
Vue Gemini Scrollbar
Custom overlay-scrollbars with native scrolling mechanism for web applications基于原生滚动机制的自定义滚动条
Stars: ✭ 99 (-29.29%)
Mutual labels:  scroll
React Native Swipeable Parallax Carousel
React Native Swipeable Parallax Carousel
Stars: ✭ 98 (-30%)
Mutual labels:  parallax
Vue Scroll Reveal
A Vue directive to wrap @jlmake's excellent ScrollReveal library.
Stars: ✭ 138 (-1.43%)
Mutual labels:  vue-directive
React Stickyroll
A react implementation of stickyroll (original)
Stars: ✭ 132 (-5.71%)
Mutual labels:  parallax
V Directives
vue自定义指令集合
Stars: ✭ 109 (-22.14%)
Mutual labels:  vue-directive

vue-prlx

npm npm

Demo and settings

🛠 Install

npm i vue-prlx
yarn add vue-prlx

🔌 Initialization

ES2015 (Webpack/Rollup/Browserify/etc)

import Vue from 'vue'

// As a plugin
import VuePrlx from 'vue-prlx'
Vue.use(VuePrlx);

// Or as a directive
import { VuePrlxDirective } from 'vue-prlx'
Vue.directive('prlx', VuePrlxDirective);

UMD (Browser)

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue-prlx/dist/v-prlx.min.js"></script>
<script>
// As a plugin
Vue.use(VuePrlx.VuePrlxPlugin);

// Or as a directive
Vue.directive('prlx', VuePrlx.VuePrlxDirective);
</script>

⚙️ Demo and settings

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].