Stellar.js - Parallax scrolling made easy
jquery-plugin parallax scroll effect animationThis lightweight (2kb) plug-in will automatically turn your layered Apple TV PNGs into 3D parallax icons, the same way the new Apple TV treats app icons. You can have any number of AppleTV Images on your web page. No dependencies, this plugin is just plain ol' vanilla javascript. Works on all major browsers. It even supports touch and mobile.
html parallax iconPlax is a jQuery plugin that makes it suuuuuper easy to parallax elements in your site based on mouse position. You can see it implemented in many places throughout GitHub, including the 404 page, the 500 page, and the about page. I've also used a modified version to parallax a URL. In the <head> of your document, link both jQuery and plax.
ender parallaxLets you add layered parallax effect to your Android views or images based on things like device rotation. We use it at InfoJobs for our error and empty states.
android-library parallaxRellax is a buttery smooth, super lightweight (1021bytes gzipped), vanilla javascript parallax library. Update: Rellax now works on mobile (v1.0.0). Use the data-rellax-speed attribute to set the speed of a .rellax element to something other than the default value (which is -2). A negative value will make it move slower than regular scrolling, and a positive value will make it move faster. We recommend keeping the speed between -10 and 10.
parallaxA Material Design ViewPager easy to use library
material android viewpager toolbar scroll parallax kenburnsview materialviewpagerPLEASE NOTE: This project is no longer maintained. If parallax scrolling is something you care about, please apply to become a contributor to this project. Full guide and demonstrations available at the official Stellar.js project page.
parallax scroll effect animationSliding pages to the left or right, as we know, could be implemented by using ViewPager. And fortunately, ViewPager's PagerTransformer is allowed for customization. That's to say, CustPagerTransformer could get rid of all the parallax effects. Then, in viewpager's fragment item, vertical slide is an independent module, which could be realized by using ViewDragHelper. In the activity transition part, android OS (above 5.0) makes it easy to transfer to another activity.
viewpager transition parallax transformerThere is a working example in the project /example folder that you can check out. Remember to run npm install inside the example folder if you'd like to run that project.
react react-native react-component parallaxTo increase performance lax.js indexes the list of elements to animate when the page loads. If you're using a library like React, vue.js or EmberJS, it is likely that you are adding elements after the initial window.onload. Because of this you will need to call lax.addElement(domElement) when you add components to the DOM that you want to animate. You can also call lax.removeElement(domElement) when the component unmounts.
parallax scroll effects transitions animation css htmlApple TV Parallax effect in Swift. Rotate view using touch or accelerometer. To run the example project, clone the repo, and run pod install from the Example directory first.
parallax iosNote: For React Native 0.19.0 and earlier, you'll want to use react-native-parallax-scroll-view@0.17.4. Version 0.18.0 changes the scrolling API to be compatible with React Native 0.20.0. Please refer to the ListView example provided to see how ParallaxScrollView can be used in combination with ListView.
react-native react parallax scrollable scrollview sticky react-component ios androidjust drag the 'ARSegmentPageController' document to your project.
parallax-header pagecontroller tabcontroller parallax tableview collectionSwiper component for React Native featuring previews, multiple layouts, parallax images, performant handling of huge numbers of items, and RTL support. Compatible with Android & iOS. This app is available on Android and iOS. It uses version 3.2.0 of the plugin, with FlatList's implementation and parallax images.
carousel swiper flatlist-based parallax-effect infinite-scroll advanced-effects react native slider flatlist scrollview parallax images infinite scroll scrolling items edge snap card cards stack deck tinder android ios snapping component rtlreact-native-app-intro is a react native component implementing a parallax effect welcome page using base on react-native-swiper , similar to the one found in Google's app like Sheet, Drive, Docs... You can use pageArray quick generation your app intro with parallax effect. With the basic usage, the Android status bar will be updated to match your slide background color.
react-native parallax android ios introduction intro swiper producttour app react-componentParallax Engine that reacts to the orientation of a smart device. Where no gyroscope or motion detection hardware is available, the position of the cursor is used instead. Many thanks to the fine folks over at cdnjs for hosting our library.
parallax gyroscope libraryDetection of elements in viewport & smooth scrolling with parallax effects. With simple detection.
parallax smooth-scrolling in-viewSimple & lightweight (<4kb gzipped) vanilla JavaScript library to create smooth & beautiful animations when you scroll. Lax.js 2.0 has been completely re-written with a focus on modularity and flexibility giving you more tools to create awesome animations.
css parallax animation effects scroll transitions lax laxxx lax.js laxjs htmlJQuery and amd compatible plugin to create a parallax effect with images. Heavily inspired by the spotify.com website. The plugin is really simple to use with some options to tweek. It makes use of css3 transform for animation where supported and falls back to top and left positioning for ancient browsers.
jquery-plugin ecosystem:jquery parallax scroll effect animation css3
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.