Projects in Awesome Lists tagged with parallax-effect
A curated list of projects in awesome lists tagged with parallax-effect .
https://github.com/meliorence/react-native-snap-carousel
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.
advanced-effects carousel flatlist-based infinite-scroll parallax-effect swiper
Last synced: 12 May 2025
https://github.com/mkosir/react-parallax-tilt
👀 Easily apply tilt hover effect to React components - lightweight/zero dependencies 3kB
gyroscope parallax parallax-effect react react-library react-tilt tilt typescript
Last synced: 13 May 2025
https://github.com/brokensource/depthflow
🌊 Images to → 3D Parallax effect video. A free and open source ImmersityAI alternative
computer-vision depth-map depth-maps depth-prediction depthflow depthy gradio image-parallax image-to-video immersity immersityai leiapix monocular-depth monocular-depth-estimation parallax parallax-effect shaderflow shadertoy
Last synced: 10 Sep 2025
https://github.com/BrokenSource/DepthFlow
🌊 Images to → 3D Parallax effect video. A free and open source ImmersityAI alternative
computer-vision depth-map depth-maps depth-prediction depthflow depthy gradio image-parallax image-to-video immersity immersityai leiapix monocular-depth monocular-depth-estimation parallax parallax-effect shaderflow shadertoy
Last synced: 14 Apr 2025
https://github.com/nateplusplus/pushin
Attach a "dolly" or "push in" effect to a div element when user scrolls.
javascript parallax parallax-effect parallax-scrolling typescript
Last synced: 16 May 2025
https://github.com/hamidhadi/react-native-stretchy
🤸♀️A ReactNative scrollable stretchy header component
expo header ios parallax parallax-effect parallax-scrolling react-native scroll stretchable stretchy-components stretchy-headers
Last synced: 03 Jul 2025
https://github.com/ivanmurzak/unity-gyroscope-parallax
Unity Parallax based on gyroscope components.
gyroscope parallax parallax-effect unity unity-package unity-plugin unity2d unity3d unitypackage unityplugin
Last synced: 02 May 2025
https://github.com/vrgsoftua/parallaxview
Parallax view for android apps written in Kotlin
android customview kotlin parallax parallax-effect parallax-scrolling
Last synced: 17 Oct 2025
https://github.com/bedimcode/parallax-scrolling-website
Parallax Scrolling Animation Using HTML CSS JAVASCRIPT
parallax-effect parallax-scrolling parallax-web
Last synced: 11 Apr 2025
https://github.com/liquidityc/flat
A 2D game engine based on SDL2/C++
2d 2d-game-engine cpp cpp17 game-controller gameengine music parallax-effect sdl sdl2 sound
Last synced: 18 Jul 2025
https://github.com/sandwichfarm/hyprlax
buttery smooth parallax wallpaper daemon for hyprland
144hz hyprland hyprland-rice niri niri-rice parallax parallax-effect river river-rice wallpaper wayland
Last synced: 06 Oct 2025
https://github.com/codebucks27/smooth-scroll-next.js
Implement smooth scrolling in Next.js with the help of Lenis scroll and add parallax effect using GSAP.
gsap gsap-scrolltrigger gsap3 lenis nextjs parallax parallax-effect parallax-scrolling smooth-scroll smooth-scrolling
Last synced: 21 Aug 2025
https://github.com/stanislawfortonski/Perlin-Noise-3D-Voxel-Generator
Voxel generator based on perlin 3d noise | Python OpenGL
glm glsl minecraft normal-mapping numpy opengl opengl330 parallax-effect perlin-noise perlin-terrain pyopengl python python3 shaders shadows voxel voxel-engine world-generator
Last synced: 29 Apr 2025
https://github.com/stanislawfortonski/perlin-noise-3d-voxel-generator
Voxel generator based on perlin 3d noise | Python OpenGL
glm glsl minecraft normal-mapping numpy opengl opengl330 parallax-effect perlin-noise perlin-terrain pyopengl python python3 shaders shadows voxel voxel-engine world-generator
Last synced: 11 Jun 2025
https://github.com/ashutosh1919/react-parallax-demo
Demonstration of Parallax animation in React using react-spring
parallax parallax-effect parallax-scrolling parallax-web react react-spring reactjs
Last synced: 08 Oct 2025
https://github.com/lucien144/vue3-parallaxy
💥 Lightweight yet powerful parallax component for Vue3 with breakpoints option and animation callback. Nuxt3 ready.
nuxt nuxt3 parallax parallax-effect parallax-scrolling vue vue-plugin vue3 vue3-plugin vuejs3
Last synced: 19 Jan 2026
https://github.com/cp-megh-l/jetpack-compose-transitions
An open-source collection of Jetpack Compose transition samples, featuring various animation techniques with more to come in the future. Enhance your Android UI with dynamic transitions.
android animations jetpack-compose parallax parallax-effect parallax-scrolling transition-animation transitions ui
Last synced: 05 Oct 2025
https://github.com/marcreichel/apple-tv-card
An Apple TV Card/Widget with hover animation written in JavaScript and CSS.
animation apple apple-tv-card appletv card css css3 demo hacktoberfest html javascript parallax parallax-effect tv widget
Last synced: 21 Aug 2025
https://github.com/nklbdev/godot-4-parallax-node
Provides parallax 2D node to avoid using ParallaxBackground
godot godot-engine godot4 godotengine parallax parallax-effect parallax-scrolling
Last synced: 07 Jul 2025
https://github.com/syknapse/tychos-supernova
A tribute page for the supernova that changed the world and the curiosity to understand it
css css-grid grid parallax parallax-effect parallax-scrolling responsive-design
Last synced: 05 Sep 2025
https://github.com/nklbdev/godot-4-previewing-parallax-background
Provides parallax background that moves it's layers in editor
godot godot-engine godot4 godotengine parallax parallax-effect parallax-scrolling
Last synced: 10 Apr 2025
https://github.com/mikhailgorobets/parallaxmapping
Parallax mapping
bumpmap hlsl parallax-effect pbr pbr-shading shader unity
Last synced: 19 Oct 2025
https://github.com/kevinadhiguna/parallax-landing-page
Parallax Landing Page is a web page with parallax effects utilized by Rellax.js.
parallax parallax-effect parallax-scrolling parallax-web rellax-js
Last synced: 28 Feb 2025
https://github.com/ahmnouira/ionic-react-header-parallax
Easy to use hook to handle the parallax effect for IonHeader component in React Ionic.
ionic ionic-4 ionic5 parallax parallax-effect react-ionic
Last synced: 26 Apr 2025
https://github.com/rayc2045/raychang-space
Portfolio site with markdown CMS
cms gsap lazy-load lazy-loading lazyload lazyloading markdown markdown-to-html parallax parallax-effect parallax-scrolling portfolio portfolio-site portfolio-website responsive responsive-design responsive-web-design scrolltrigger
Last synced: 03 Jul 2025
https://github.com/nklbdev/godot-previewing-parallax-background
Provides parallax background that moves it's layers in editor
godot godot-engine godot3 godotengine parallax parallax-effect parallax-scrolling
Last synced: 20 Oct 2025
https://github.com/diivvuu/ai-trip-planner
This repo contains the code of a ai-trip-advisor, which generates trips with hotel recommendation, itineraries according to their budget and travel choice. Also i cannot add deployed link here because i used google maps places (NEW), photos, and geolocation api's due to which i have restriction of staying under expenditure of $200/monthly
ai-travel-planner firebase-database gemini-ai gemini-api google-maps-api google-maps-javascript-api gsap parallax-effect places-api react-oauth-google reactjs
Last synced: 17 Oct 2025
https://github.com/nikhilgholap1304/nickfolio
The NickFolio 📓 - As it seems, its my wonderful 🔮 personal portfolio website which includes my personal details, skills, projects, testimonials and contact medium. I created it considering the animations I has inspired from, so I opted Framer-motion within Vite-React with Tailwind.
animations framer-motion horizontal-scroll-effect idx parallax-effect portfolio portfolio-website reactjs scroll-effect scss tailwind vercel vite
Last synced: 20 Oct 2025
https://github.com/defaultparam/online-insurance-managment
A project website to be made with CSS parallax effect and aesthetically designed UI
Last synced: 01 Aug 2025
https://github.com/nklbdev/godot-parallax-node
Provides parallax 2D node to avoid using ParallaxBackground
godot godot-engine godot3 godotengine parallax parallax-effect parallax-scrolling
Last synced: 14 Jul 2025
https://github.com/saket-sk/parallax-website
A complete Parallax Website designed with the reference from YouTube Channel = "Online Tutorials"
code html-css-javascript parallax parallax-effect parallax-scrolling parallax-website tutorial
Last synced: 24 Feb 2025
https://github.com/ajmnz/p5.js-parallax
Stars and multi-layer image parallax in p5.js.
p5 p5-js p5js parallax parallax-effect parallax-scrolling
Last synced: 17 Jul 2025
https://github.com/alexanyernas/efecto-parallax-youtube
Efecto Parallax desarrollado para el canal de YouTube utilizando únicamente HTML y CSS
css html parallax parallax-effect parallax-scrolling
Last synced: 15 Jul 2025
https://github.com/iryna-vyshniak/winter_mountains
fontawesome-icons fontawesome6 parallax parallax-effect parallax-scrolling
Last synced: 12 Jan 2026
https://github.com/wiseweb-works/parallax-web-design
This webpage built with HTML and CSS, demonstrating the parallax effect for a dynamic and engaging design
css frontend-development html parallax-effect portfolio responsive-design user-experience web-design
Last synced: 24 Oct 2025
https://github.com/atharvananavate/spaceconnect
Space Connect is an Animated E-Commerce website where space enthusiasts can find resources to build their own satellite at home and other Space-Themed products.
css e-commerce e-commerce-project e-commerce-website html html-css-javascript javascript parallax parallax-effect parallax-javascript-library
Last synced: 17 Jul 2025
https://github.com/nirajxtha/personal_site
Portfolio
parallax-effect personal-website portfolio portfolio-website
Last synced: 21 Jan 2026
https://github.com/enes9103/006_parallax_website
project_5_parallax_website
css3 html5 parallax-effect parallax-web style teamwork
Last synced: 07 Oct 2025
https://github.com/shu-vro/parallax-image-gallery
Image Gallery < HTML > { CSS } ( JavaScript )
gallery image image-gallery parallax parallax-effect tilt-effect vanilla-javascript
Last synced: 05 Sep 2025
https://github.com/sofiane-abou-abderrahim/css-and-javascript-third-party-packages-example
I built a simple demo with some CSS Bootstrap and JavaScript Third-Party Packages, using a Parallax Effect and an Image Carousel / Gallery.
bootstrap5 css-framework css-framework-bootstrap css-packages css3 html-css-javascript html5 image-carousel image-gallery javascript javascript-packages packages parallax parallax-effect parallax-scrolling
Last synced: 30 Dec 2025
https://github.com/berru-g/lego-revisited
Lego parallax scrolling top to bottom & left to right. Interractive experience. Only CSS effect.
lego lego-block lego-universe onlycss parallax-effect parallax-scrolling parallax-web parallel-programming
Last synced: 22 Mar 2025
https://github.com/nateplusplus/pushin-docs
Documentation for pushin.js
documentation javascript parallax parallax-effect react
Last synced: 23 Jul 2025
https://github.com/andreriffen/parallax
Experimento de fundo animado em paralaxo 🖱️
css-animations parallax parallax-effect
Last synced: 30 Jun 2025
https://github.com/sonaligill/gothrill
As someone who loves to travel I have built this travel website majorly with JavaScript and focusing on front-end web development...
css cursor-effects hamburger-menu html javascript parallax-effect
Last synced: 09 Oct 2025
https://github.com/mohammedjawwad/brainwave
Brainwave is a modern UI/UX website built with React.js and Tailwind CSS, featuring sleek design, dynamic animations, and responsive layouts. It serves as a benchmark for modern web applications, showcasing cutting-edge UI trends and reusable code architecture.
bento-grid bentobox modern-ui parallax-effect reactjs tailwindcss vite
Last synced: 11 Mar 2025
https://github.com/mehekfatima/frontend-miniprojects
Discover a variety of front-end projects in this repository.
animation bootstrap carousel css3 front-end-development html html-css-javascript javascript login-forms miniprojects mobilefirst newton-cradle parallax-effect reactjs responsive-design ui web-development
Last synced: 22 Feb 2025
https://github.com/rodzyk/arparallax.js
ArParallax.js is a lightweight customizable jQuery plugin which utilizes CSS3 3D transforms to create a smooth parallax effect on your images when scrolling down or up
arparallax css html javascript jquery-plugin js parallax parallax-effect parallax-javascript-library parallax-plugin parallax-scrolling parallax-web plugin scrolling
Last synced: 10 Sep 2025
https://github.com/z3t444/olympicade-project
This my Project Nusantara Developer. Olympicade 2024 Program Muhammadiyah
olympiad parallax parallax-effect parallax-scrolling tailwindcss tempates-design template-project ui-design vue3 vuejs vuexjsx web-design web3 webapp webpack website website-design website-static wesbite-builder
Last synced: 20 Jun 2025
https://github.com/monomonu/ready.so_clone
Clone Website
parallax-effect responsive-web-design svg-animations ui-design webdev
Last synced: 13 Oct 2025
https://github.com/kaveeshag/parallax-website
This is about, Source code of Parallax Website wit footages.
Last synced: 15 Oct 2025
https://github.com/ayushmaninbox/parallax-effect
This is a website that shows the parallax effect.
css html javascript parallax-effect parallax-scrolling web-development
Last synced: 08 Sep 2025
https://github.com/priontoabdullah/css-parallax-effect
🔥 This repository has many CSS cool and amazing Parallax effects 🚀❤️ Live Demo: https://priontoabdullah.github.io/CSS-Parallax-Effect/
css html parallax-effect parallax-scrolling parallax-web
Last synced: 04 Aug 2025
https://github.com/tiagoviniciusdev/petshop
Single Page de um pet shop, efeito paralax, scroll automático
css html javacript parallax-effect
Last synced: 09 Apr 2025
https://github.com/stephanybrazeir0/tayosushi
Landing page de um restaurante de sushi criado com HTML, CSS e JavaScript.
acessibility animation css figma flexbox grid-layout html javascript parallax-effect
Last synced: 25 Mar 2025
https://github.com/lucasfeliciano02/hdc-agency
Projeto sobre uma Agência Web que cria projetos de softwares para seus clientes. Curso de Bootstrap lecionado por Matheus Battisti.
bootstrap css font-awesome google-fonts html jquery landing-page parallax-effect
Last synced: 30 Nov 2025
https://github.com/nadjascodejourney/portfolio-threejs
studyproject inspired by Three JS Journey by Bruno Simons
parallax-effect portfolio scrollevents threejs
Last synced: 17 Oct 2025
https://github.com/rayc2045/rayc.dev
✨ A handcrafted portfolio website built with pure HTML, CSS, and JavaScript, ensuring lightweight and framework-free implementation.
animation-effects animation-js css-animations css-flexbox css-grid cubic-bezier form-validation javascript-animation loader-animation loading-animations parallax parallax-effect parallax-scrolling portfolio-page portfolio-project portfolio-site portfolio-website scroll-animations vanilla-javascript vanilla-js
Last synced: 04 Jan 2026
https://github.com/gajendra-ingle/parallax-website
Parallax scrolling is a web site trend where the background content is moved at a different speed than the foreground content while scrolling.
parallax-effect parallax-website
Last synced: 29 Oct 2025
https://github.com/jonath-z/suzawa-nft
Landing page showcasing the suzawa NFT collection
Last synced: 30 Dec 2025
https://github.com/dianavile/moontravel
Create a parallax animation with a few assets
css html5 javascript parallax-effect
Last synced: 09 Apr 2025
https://github.com/berru-g/assoberru
Associative site festival for mersh and share project. In progress...
associate festival mersh parallax parallax-effect parallax-scrolling
Last synced: 22 Mar 2025
https://github.com/emekaorji/mntn--figma
Replicating a parallax effect Layout I found on figma | Non-mobile-responsive
css-flexbox css-grid-layout layout parallax-effect parallax-scrolling ui
Last synced: 13 Nov 2025
https://github.com/its-kunal/parallaz
Basic Parallax effect using react, react-spring.
parallax parallax-effect parallax-web react react-spring typescript
Last synced: 12 Oct 2025
https://github.com/realabdurrehman/parallax-forest-animation
A parallax animation of a forest.
animation java-script-animation javascript js parallax parallax-effect parallax-scrolling
Last synced: 24 Jul 2025
https://github.com/shravzzv/css-parallax
background css-parallax parallax-effect
Last synced: 28 Jun 2025
https://github.com/kushalkhandhara/food-delivery-app
This is a Food delivery app which I have develop using React Js and Bootstrap 5 and it has amazing parallax effects and it has a amazing effects when you hover on Card
bootstrap5 css front-end-development frontend parallax parallax-effect reactjs responsive-design responsive-website
Last synced: 24 Feb 2025
https://github.com/pranav-jadhav09/responsive-coffee-shop-landing-page
Built a Coffee Shop Landing page using GSAP animation creating a basic parallax effect.
coffee-shop flexbox-css grid-layout gsap-animation gsap3 javascript parallax-effect
Last synced: 11 Jul 2025
https://github.com/nadjascodejourney/scrollr3fproject
animated scroll website with R3F and GSAP
gsap parallax-effect react-three-drei react-three-fiber scrollanimation tailwindcss threejs
Last synced: 11 Oct 2025
https://github.com/chase-moskal/chillax
vertical parallax engine for beautiful web presentations
parallax parallax-effect parallax-scrolling
Last synced: 05 Jul 2025
https://github.com/svetlanam/svadbovanie
Simple static web page called Svadbovanie based on parallax effect whic was popular in these times. This is old website from 2013 year that I have created as a part of my freelance work for clients
css3 freelance-work html5 javascript parallax-effect parallax-scrolling vanilla-js
Last synced: 25 Oct 2025
https://github.com/nuxodin/parax
Parallax <div parax style="--parax-speed:0.5">finish</div>
parallax parallax-effect parallax-javascript-library parallax-scrolling
Last synced: 23 Jan 2026
https://github.com/kobowood1/parallax-effect-project
A parallax mouse motion effect project in Vanilla JS
css3 css3-animations html5 parallax-effect vanilla-js
Last synced: 17 Oct 2025
https://github.com/danfalcon225/parallax-scrolling-website
Parallax Scrolling Website using Html CSS & Javascript
css html javascript parallax-effect
Last synced: 10 Jul 2025
https://github.com/aneekrahman/box-parallax-scroll
A library for parallax scrolling images, videos, divs etc by using the height of the element and with the window scroll offset
box-parallax-scroll image-parallax parallax-effect parallax-javascript-library parallax-scrolling parallax-scrolling-images video-parallax
Last synced: 04 Apr 2025
https://github.com/mrsamirr/firstwebproject
HTML & CSS using project
css3 html5 parallax-effect website
Last synced: 17 Oct 2025
https://github.com/candytale55/sassy_parallax_banner
Codecademy exercise on Parallax scrolling with Sass. NOT WORKING yet.
codecademy css3 parallax-effect parallax-scrolling sass
Last synced: 31 Mar 2025
https://github.com/jqueryscript/jquery-smooth-parallax
A clean parallax in jquery, simple to integrate, and totally responsive.
javascript jquery-plugin parallax parallax-effect parallax-scrolling
Last synced: 28 Dec 2025
https://github.com/satoosan/background_parallax_games
Background - Parallax
background javascript parallax parallax-effect
Last synced: 21 Mar 2025
https://github.com/haykarustamyan/composeparallaxtoolbar
ComposeParallaxToolbar is a Jetpack Compose Multiplatform library that provides a customizable collapsing toolbar/app bar with a parallax background effect for both iOS and Android.
android-library collapsing-toolbar compose-multiplatform ios jetpack-compose kotlin kotlin-multiplatform material3 parallax-effect
Last synced: 05 Nov 2025
https://github.com/one-with-violets-in-her-lap/altair-page
Pretty web page of web development company Altair
html landing-page parallax-effect website
Last synced: 31 Jul 2025
https://github.com/alwaysagnihotri/parallax-website
Kedar Kantha - A Parallax website
contentful css html knowledge parallax-effect parallax-scrolling
Last synced: 06 Jan 2026
https://github.com/majharul-islam181/parallax_garden_ui
A beatiful flutter parallax garden ui.
app-development flutter flutter-garden-ui flutter-ui parallax-effect
Last synced: 25 Feb 2025
https://github.com/ko2m0/parallax-skills
A simple HTML Article showcasing my Parallax & Less skills.
javascript parallax-effect parallax-scrolling
Last synced: 09 Apr 2025
https://github.com/hyder1233/parallax-website
Parallax Website Project Created by using HTML and CSS. Parallax scrolling is a web design technique in which the background of a website moves slower than the foreground. As visitors scroll down the site, this creates a 3D effect, adding depth and creating a more immersive browsing experience.
css3 html5 parallax-effect parallax-scrolling parallax-website
Last synced: 22 Mar 2025
