Top 8 parallax-effect Open-Source Projects

react-native-snap-carousel

8 10,195 0.0 JavaScript

Swiper/carousel component for React Native featuring previews, multiple layouts, parallax images, performant handling of huge numbers of items, and more. Compatible with Android & iOS.
react-parallax-tilt

3 909 9.6 TypeScript

👀 Easily apply tilt hover effect on React components - lightweight/zero dependencies (3kB)

Project mention: "react-next-tilt" and "react-flip-tilt" NPM Packages | dev.to | 2023-08-02

At this point, I was already using a tilt component (react-parallax-tilt) in my portfolio, and after checking this page I had the general idea of how it should be done, a container with transform-style: preserve-3d, with two children, one tilt and the other an image, both having backface-visibility: hidden and the tilt being rotated to face backward at the start. For the animation, I decided to use framer-motion because I was already familiar with it and knew it had what was needed to get the job done (and I'm glad I did because later I needed to await the animation and it was easy with framer-motion).

SurveyJS

surveyjs.io featured

Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
react-native-stretchy

1 238 0.0 TypeScript

🤸‍♀️A ReactNative scrollable stretchy header component
Unity-Gyroscope-Parallax

2 75 1.1 C#

Unity Parallax based on gyroscope components.
godot-4-parallax-node

2 23 1.9 GDScript

Provides parallax 2D node to avoid using ParallaxBackground

Project mention: Godot parallaxbackground node is literally broken | /r/godot | 2023-06-08

My issue I added to their github: https://github.com/nklbdev/godot-4-parallax-node/issues/3

godot-4-previewing-parallax-background

1 13 2.3 GDScript

Provides parallax background that moves it's layers in editor
Xamarin.Forms.Parallax

1 11 4.3 C#

Xamarin Forms Parallax Effect
InfluxDB

www.influxdata.com featured

Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
InfiniteScrollNode

1 5 5.7 C++

Infinite scroll for Axmol Engine 2.x. It can be used to create a parallax effect.

Project mention: Infinite Scroll for Axmol | /r/axmol | 2023-12-11

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020).

parallax-effect related posts

need a card view component that has left right gestures but not like tinder card

1 project | /r/reactnative | 30 Aug 2022
How to make this ? should I use nested scroll view/flat list ?

1 project | /r/reactnative | 25 Jul 2022
Is there a react native component for pagination like this or do I have to create my own?

1 project | /r/reactnative | 3 Sep 2021
Is there a package that does something like this for items? Just don’t want to reinvent a wheel if it’s already rolling…

1 project | /r/reactnative | 11 Aug 2021

Index

What are some of the best open-source parallax-effect projects? This list will help you:

	Project	Stars
1	react-native-snap-carousel	10,195
2	react-parallax-tilt	909
3	react-native-stretchy	238
4	Unity-Gyroscope-Parallax	75
5	godot-4-parallax-node	23
6	godot-4-previewing-parallax-background	13
7	Xamarin.Forms.Parallax	11
8	InfiniteScrollNode	5