gerasimvol / Vue Prlx
Licence: mit
🔮 Vue.js parallax directive you were looking for (can animate translate & background-position)
Stars: ✭ 140
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
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
vue-prlx
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].