Top 23 Parallax Open-Source Projects

• laxxx

  4 10,275 0.0 JavaScript

  Simple & lightweight (<4kb gzipped) vanilla JavaScript library to create smooth & beautiful animations when you scroll.

• locomotive-scroll

  26 7,377 1.0 JavaScript

  🛤 Detection of elements in viewport & smooth scrolling with parallax.

  

Project mention: Hijacking Scroll? | /r/Frontend | 2023-07-08

• SurveyJS

  surveyjs.io sponsored

  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.

  

• tilt.js

  3 3,781 0.0 JavaScript

  A tiny 60+fps parallax tilt hover effect for jQuery.

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

Most of the other tilt components seem to be based on tilt.js. while taking a look at it, I noticed that it boasts about being "requestAnimationFrame powered". this piqued my interest and I started looking at what it is and how to implement it in my component.

• simpleParallax

  4 1,723 0.0 JavaScript

  Simple and tiny JavaScript library that adds parallax animations on any images

• gatsby-starter-portfolio-cara

  2 1,398 4.9 TypeScript

  Playful and Colorful One-Page portfolio featuring Parallax effects and animations. Especially designers and/or photographers will love this theme! Built with MDX and Theme UI.

Project mention: Gatsby starters: 30 free Gatsby templates for blazingly fast website building | dev.to | 2024-04-03

GitHub source

• jarallax

  1 1,360 5.9 JavaScript

  Parallax scrolling for modern browsers

• FancyScrollView

  1 929 1.8 Swift

  A SwiftUI ScrollView Designed to imitate the App Store and Apple Music ScrollViews (with or without a Parallax Header)

• InfluxDB

  www.influxdata.com sponsored

  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.

  

• react-parallax-tilt

  3 905 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).

• motus

  1 633 0.0 JavaScript

  Animation library that mimics CSS keyframes when scrolling.

• doodle-android

  4 600 7.2 Java

  Colorful live wallpapers with auto dark mode and power-efficient animations

Project mention: Do you guys know any free 3D parallax wallpaper app? | /r/fossdroid | 2023-06-02

Doodle.

• react-native-parallax-scroll

  1 555 0.0 JavaScript

  Parallax scroll view for react-native

  

• parallax-effect

  1 341 0.0 JavaScript

  💫 Parallax effect in javascript using face tracking. An immersive view in 3d with webcam.

• react-atv-img

  0 310 0.0 JavaScript

  A port of @drewwilson’s atvImg (Apple TV 3D parallax effect) library in React.

• AKSideMenu

  0 279 2.1 Swift

  Beautiful iOS side menu library with parallax effect. Written in Swift

• react-native-stretchy

  1 238 0.0 TypeScript

  🤸‍♀️A ReactNative scrollable stretchy header component

• react-parallax-component

  0 163 0.0 JavaScript

  Easiest way to add scroll parallax effect on the component

• svelte-parallax

  1 142 0.0 Svelte

  a (small) spring-based parallax component library for Svelte

• bevy-parallax

  1 104 6.6 Rust

  Parallax background plugin for Bevy

  

• ParallaxScrollingView

  0 101 2.8 Kotlin

  Parallax scrolling either by offset or automatically.

• Unity-Gyroscope-Parallax

  2 75 1.1 C#

  Unity Parallax based on gyroscope components.

• scrollxp

  1 75 0.0 TypeScript

  Alpine.js-esque library for scrolling animations on websites

  

• parallax-3d-lens-effect

  2 48 4.9 JavaScript

  3D parallax effect by mouse moving using CSS transform

Project mention: 3D parallax effect by moving mouse using CSS transform | /r/coolgithubprojects | 2023-10-11

• parallax_list

  1 41 0.0 JavaScript

  Startpage with parallax

• WorkOS

  workos.com sponsored

  The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

  

Parallax related posts

• Show HN: Easily apply tilt hover effect on React components
  1 project | news.ycombinator.com | 15 Jul 2023
• Hijacking Scroll?
  1 project | /r/Frontend | 8 Jul 2023
• Create a tilt effect with React (no third-party libraries)
  1 project | /r/reactjs | 11 Jun 2023
• Exploring Website Scroll Effects: Locomotive Scroll vs React Scroll Parallax
  1 project | dev.to | 31 May 2023
• Need help with implementation
  1 project | /r/webdev | 12 May 2023
• Beginner developer with some react experience - I want to recreate a certain style
  1 project | /r/Frontend | 24 Apr 2023
• Angular plugins/method for smooth scroll
  1 project | /r/Angular2 | 27 Feb 2023
• A note from our sponsor - WorkOS
  workos.com | 25 Apr 2024

  The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning. Learn more →

Index

Sponsored

The modern identity platform for B2B SaaS

The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

workos.com