Displaying 1 to 20 from 60 results

parallax

  •    Javascript

Please note that although Bower is still maintained, they recommend Yarn for new projects.Include parallax.min.js in your document after including jQuery (compatible with jQuery >= 1.7).

atvImg

  •    Javascript

This 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.

plax - JQuery powered parallaxing

  •    Javascript

Plax 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.




Parallax-Layer-Layout - Layered parallax effect to any Android views

  •    Java

Lets 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.

rellax - Lightweight, vanilla javascript parallax library

  •    HTML

Rellax 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.

stellar.js - Stellar.js - Parallax scrolling made easy

  •    Javascript

PLEASE 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.


react-native-parallax-view - Parallax view for vertical scrollview/listviews with a header image and header content

  •    Javascript

There 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.

MPParallaxView - Apple TV Parallax effect in Swift.

  •    Swift

Apple 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.

react-native-parallax-scroll-view - A ScrollView-like component with parallax and sticky header support

  •    Javascript

Note: 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-snap-carousel - Swiper/carousel component for React Native with previews, multiple layouts, parallax images, performant handling of huge numbers of items, and RTL support

  •    Javascript

Swiper 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.

react-native-app-intro - react-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

  •    Javascript

react-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.

parallax - Parallax Engine that reacts to the orientation of a smart device

  •    Javascript

Parallax 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.

ViewpagerTransition - viewpager with parallax pages, together with vertical sliding (or click) and activity transition

  •    Java

Sliding 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.

Parallax-ImageScroll - JQuery and amd compatible plugin to create a parallax effect as seen at spotify

  •    Javascript

JQuery 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.

Parade - Parallax Scroll-Jacking Effects Engine for iOS / tvOS

  •    Swift

Communicating to cells inside of UICollectionViews, UITableViews, or UIScrollViews, has always been a challenge. It almost always relies on a messy process of trying to relay the scroll to progress to cells in triggering special scrolling effects. We’ve designed this framework to minimize the effort needed to animate views. With a simple blocks-based builder we’ve made it easy to define view states—from where they appear and where they will disappear to. There is a demo app included as part of the project that contains the following implemented examples for the following scrolling effects within the animated gif below.

scrolly - Super simple and easy to use parallax plugin for jQuery (THIS PROJECT IS NOT MAINTAINED ANYMORE)

  •    Javascript

You can add data-fit="xx" to adjust your parallax in real conditions. If it's a simple element, like an image.