GitHub topics: parallax-effect

Repositories

mkosir/react-parallax-tilt

👀 Easily apply tilt hover effect to React components - lightweight/zero dependencies 3kB

Language: TypeScript - Size: 114 MB - Last synced at: 1 day ago - Pushed at: 1 day ago - Stars: 1,042 - Forks: 124

BrokenSource/DepthFlow

🌊 Images to → 3D Parallax effect video. A free and open source ImmersityAI alternative

Language: Python - Size: 1.84 MB - Last synced at: 12 days ago - Pushed at: 2 months ago - Stars: 914 - Forks: 70

sandwichfarm/hyprlax

buttery smooth parallax wallpaper daemon for wayland compositors

Language: C - Size: 107 MB - Last synced at: 12 days ago - Pushed at: 12 days ago - Stars: 98 - Forks: 1

kolking/react-native-parallax-swiper

React Native component for building a horizontal scroll swiper with a parallax effect.

Language: TypeScript - Size: 19.3 MB - Last synced at: 12 days ago - Pushed at: 7 months ago - Stars: 20 - Forks: 0

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.

Language: JavaScript - Size: 1.25 MB - Last synced at: 23 days ago - Pushed at: over 1 year ago - Stars: 10,521 - Forks: 2,301

KaveeshaG/Parallax-Website

This is about, Source code of Parallax Website wit footages.

Language: HTML - Size: 1.42 MB - Last synced at: 20 days ago - Pushed at: over 7 years ago - Stars: 1 - Forks: 2

VRGsoftUA/ParallaxView

Parallax view for android apps written in Kotlin

Language: Kotlin - Size: 41.3 MB - Last synced at: 16 days ago - Pushed at: over 7 years ago - Stars: 82 - Forks: 7

marcreichel/apple-tv-card

An Apple TV Card/Widget with hover animation written in JavaScript and CSS.

Language: JavaScript - Size: 19.8 MB - Last synced at: 27 days ago - Pushed at: about 1 month ago - Stars: 31 - Forks: 2

AzizRakhim/brainwave

Modern responsive website with parallax effects, bento layouts, and sleek UI built using React.js, Vite, and Tailwind CSS

Language: JavaScript - Size: 10.8 MB - Last synced at: about 2 months ago - Pushed at: about 2 months ago - Stars: 1 - Forks: 0

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.

Language: JavaScript - Size: 24.7 MB - Last synced at: 25 days ago - Pushed at: over 1 year ago - Stars: 7 - Forks: 1

anjapetry/parallax-landing-page

A fully responsive landing page with parallax scrolling and a slick image slider created with HTML, Tailwindcss (including custom and plugins), JavaScript. Bundled up nicely with Vite. Based on a course by The Net Ninja featuring Chris Pennington.

Language: HTML - Size: 3.36 MB - Last synced at: about 2 months ago - Pushed at: about 2 months ago - Stars: 0 - Forks: 0

IvanMurzak/Unity-Gyroscope-Parallax

Unity Parallax based on gyroscope components.

Language: C# - Size: 1.48 MB - Last synced at: about 2 months ago - Pushed at: about 2 months ago - Stars: 98 - Forks: 8

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.

Language: Kotlin - Size: 8.55 MB - Last synced at: 10 days ago - Pushed at: 3 months ago - Stars: 4 - Forks: 0

nadjascodejourney/scrollr3fproject

animated scroll website with R3F and GSAP

Language: JavaScript - Size: 65.4 KB - Last synced at: about 1 month ago - Pushed at: over 1 year ago - Stars: 2 - Forks: 0

nateplusplus/pushin

Attach a "dolly" or "push in" effect to a div element when user scrolls.

Language: TypeScript - Size: 9.21 MB - Last synced at: 2 months ago - Pushed at: almost 2 years ago - Stars: 511 - Forks: 25

Vedant7229/Parallax-Website

Tried to make a website after learning parallax effect.

Language: HTML - Size: 13.8 MB - Last synced at: 3 months ago - Pushed at: 3 months ago - Stars: 1 - Forks: 0

ashutosh1919/react-parallax-demo

Demonstration of Parallax animation in React using react-spring

Language: JavaScript - Size: 2.54 MB - Last synced at: 24 days ago - Pushed at: almost 2 years ago - Stars: 28 - Forks: 25

codebucks27/Smooth-Scroll-Next.js

Implement smooth scrolling in Next.js with the help of Lenis scroll and add parallax effect using GSAP.

Language: JavaScript - Size: 162 KB - Last synced at: 3 months ago - Pushed at: about 1 year ago - Stars: 59 - Forks: 6

siddiq2604/parallax-effect-project

This is Parallex Project Created by using HTML and CSS. So let's talk about what a Parallax Website is ,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.

Language: HTML - Size: 28.3 MB - Last synced at: 3 months ago - Pushed at: 3 months ago - Stars: 1 - Forks: 0

ayushmaninbox/parallax-effect

This is a website that shows the parallax effect.

Language: CSS - Size: 9.82 MB - Last synced at: 2 months ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0

animeshsrivastava246/amir-law-firm

Amir Law Firm is a responsive, modern React-based website showcasing the services, practice areas, and client testimonials of a professional law firm. Built with TailwindCSS, the application features a clean design, subtle animations, and a mobile-friendly layout with a focus on usability and professionalism.

Language: JavaScript - Size: 26.3 MB - Last synced at: 3 months ago - Pushed at: 3 months ago - Stars: 0 - Forks: 0

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

Language: JavaScript - Size: 3.46 MB - Last synced at: 28 days ago - Pushed at: over 1 year ago - Stars: 27 - Forks: 6

monoMonu/Ready.so_Clone

Clone Website

Language: HTML - Size: 13.7 KB - Last synced at: 25 days ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 1

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.

Language: Kotlin - Size: 21.3 MB - Last synced at: about 1 month ago - Pushed at: about 1 year ago - Stars: 28 - Forks: 3

yesiamrocks/scrollyJS

Language: JavaScript - Size: 12.6 MB - Last synced at: 21 days ago - Pushed at: 4 months ago - Stars: 55 - Forks: 13

ahmnouira/ionic-react-header-parallax

Easy to use hook to handle the parallax effect for IonHeader component in React Ionic.

Language: TypeScript - Size: 5.17 MB - Last synced at: 4 days ago - Pushed at: 4 days ago - Stars: 7 - Forks: 1

lucien144/vue3-parallaxy

💥 Lightweight yet powerful parallax component for Vue3 with breakpoints option and animation callback. Nuxt3 ready.

Language: Vue - Size: 6.78 MB - Last synced at: 20 days ago - Pushed at: almost 2 years ago - Stars: 26 - Forks: 0

marrio-h/universal-parallax

Easy parallax plugin using pure javascript. Also works on mobile platforms. Cross browser support.

Size: 3.33 MB - Last synced at: about 2 months ago - Pushed at: about 6 years ago - Stars: 118 - Forks: 24

MikhailGorobets/ParallaxMapping

Parallax mapping

Language: C# - Size: 3.8 MB - Last synced at: 26 days ago - Pushed at: almost 4 years ago - Stars: 13 - Forks: 2

defaultparam/Online-Insurance-Managment

A project website to be made with CSS parallax effect and aesthetically designed UI

Language: HTML - Size: 8.75 MB - Last synced at: 4 months ago - Pushed at: over 3 years ago - Stars: 6 - Forks: 6

pedrocatalao/parallaxcii

Simple parallax effect for the terminal

Language: Python - Size: 2.06 MB - Last synced at: 21 days ago - Pushed at: 5 months ago - Stars: 0 - Forks: 0

harshinJJ/my-website

My personal website (This site works best on a laptop or desktop. Mobile experience may be limited.)

Language: JavaScript - Size: 81.8 MB - Last synced at: 6 months ago - Pushed at: 6 months ago - Stars: 1 - Forks: 0

Danziger/starsjs

✨ Generate a rotating galaxy in a canvas.

Language: JavaScript - Size: 1.18 MB - Last synced at: 6 months ago - Pushed at: 6 months ago - Stars: 9 - Forks: 0

hamidhadi/react-native-stretchy

🤸‍♀️A ReactNative scrollable stretchy header component

Language: TypeScript - Size: 29.9 MB - Last synced at: 16 days ago - Pushed at: almost 3 years ago - Stars: 239 - Forks: 28

Syknapse/Tychos-Supernova

A tribute page for the supernova that changed the world and the curiosity to understand it

Language: CSS - Size: 15.2 MB - Last synced at: 2 months ago - Pushed at: about 8 years ago - Stars: 16 - Forks: 6

Pranav-Jadhav09/responsive-coffee-shop-landing-page

Built a Coffee Shop Landing page using GSAP animation creating a basic parallax effect.

Language: CSS - Size: 475 KB - Last synced at: 4 months ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0

honeymirara/void-visions

Language: TypeScript - Size: 27.3 KB - Last synced at: 5 months ago - Pushed at: 7 months ago - Stars: 0 - Forks: 0

wiseweb-works/parallax-web-design

This webpage built with HTML and CSS, demonstrating the parallax effect for a dynamic and engaging design

Language: HTML - Size: 11.5 MB - Last synced at: 14 days ago - Pushed at: 12 months ago - Stars: 5 - Forks: 0

stanislawfortonski/Perlin-Noise-3D-Voxel-Generator

Voxel generator based on perlin 3d noise | Python OpenGL

Language: Python - Size: 10.1 MB - Last synced at: 5 months ago - Pushed at: over 5 years ago - Stars: 27 - Forks: 15

LiquidityC/flat

A 2D game engine based on SDL2/C++

Language: C++ - Size: 17.2 MB - Last synced at: 4 months ago - Pushed at: about 4 years ago - Stars: 83 - Forks: 6

bedimcode/parallax-scrolling-website

Parallax Scrolling Animation Using HTML CSS JAVASCRIPT

Language: SCSS - Size: 721 KB - Last synced at: 7 months ago - Pushed at: almost 2 years ago - Stars: 82 - Forks: 30

DustinJung/CLAYN

CLAYN은 심플하고 감각적인 도자기 제품을 디자인하는 브랜드로, 현대적이고 세련된 느낌을 추구하며, 패럴랙스 효과를 활용한 웹사이트로 브랜드 스토리와 제품을 더욱 몰입감 있게 전달하고자 합니다.

Language: HTML - Size: 372 MB - Last synced at: 8 months ago - Pushed at: 8 months ago - Stars: 1 - Forks: 0

alexanyernas/Efecto-Parallax-YouTube

Efecto Parallax desarrollado para el canal de YouTube utilizando únicamente HTML y CSS

Language: CSS - Size: 274 KB - Last synced at: 7 months ago - Pushed at: over 3 years ago - Stars: 11 - Forks: 0

NirajXtha/Personal_site

Portfolio

Language: HTML - Size: 11 MB - Last synced at: 7 months ago - Pushed at: 9 months ago - Stars: 2 - Forks: 0

SalahShallapy/Brainwave

Brainwave is a cutting-edge UI/UX website developed with React.js and Tailwind CSS, showcasing modern design principles through sleek aesthetics, seamless animations, and a user-centric experience. It includes beautiful sections like hero, services, features, and more, with engaging parallax animations and intricate UI geometry.

Language: JavaScript - Size: 10.8 MB - Last synced at: 9 months ago - Pushed at: 9 months ago - Stars: 0 - Forks: 0

majharul-islam181/parallax_garden_ui

A beatiful flutter parallax garden ui.

Language: C++ - Size: 1010 KB - Last synced at: 9 months ago - Pushed at: 9 months ago - Stars: 0 - Forks: 0

koremayur/Restart

Restart is beautiful iOS application with SwiftUI.

Language: Swift - Size: 2.31 MB - Last synced at: 8 months ago - Pushed at: about 1 year ago - Stars: 1 - Forks: 0

Zinaida-Razinkova/FarmVest

Language: SCSS - Size: 1.41 MB - Last synced at: 26 days ago - Pushed at: almost 3 years ago - Stars: 1 - Forks: 0

yashrajkmr/Parallax_Website

A visually engaging website showcasing a parallax effect created with images, complemented by carefully crafted headings and paragraphs with some more images for an immersive experience.

Language: HTML - Size: 5.7 MB - Last synced at: 10 months ago - Pushed at: 10 months ago - Stars: 0 - Forks: 0

edcarlosrocha/landing-page-parallax

Landing page com efeito parallax, criado com HTML, CSS e JavaScript. Demonstra o efeito de movimento suave de imagens ao rolar a página.

Language: CSS - Size: 48.8 MB - Last synced at: 10 months ago - Pushed at: 10 months ago - Stars: 0 - Forks: 0

VladimirSaenko/Parallax-effects-Space-and-Moon-Light

Website with parallax effects

Language: JavaScript - Size: 7.06 MB - Last synced at: 10 months ago - Pushed at: 10 months ago - Stars: 2 - Forks: 0

stephanybrazeir0/tayosushi

Landing page de um restaurante de sushi criado com HTML, CSS e JavaScript.

Language: CSS - Size: 1.57 MB - Last synced at: 8 months ago - Pushed at: almost 2 years ago - Stars: 0 - Forks: 0

PixelRubro/ParallaxerSystemForUnity

A parallax system for Unity.

Language: C# - Size: 19.1 MB - Last synced at: 11 months ago - Pushed at: 11 months ago - Stars: 32 - Forks: 3

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.

Language: JavaScript - Size: 11.8 MB - Last synced at: 8 months ago - Pushed at: 11 months ago - Stars: 1 - Forks: 0

danialias/InfiniteScrollNode

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

Language: C++ - Size: 16.6 KB - Last synced at: 11 months ago - Pushed at: 11 months ago - Stars: 4 - Forks: 0

CoderArtist06/AstroMinders

Language: CSS - Size: 1.49 MB - Last synced at: 11 months ago - Pushed at: 11 months ago - Stars: 0 - Forks: 0

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.

Language: HTML - Size: 58.1 MB - Last synced at: 8 months ago - Pushed at: almost 3 years ago - Stars: 3 - Forks: 0

rayc2045/rayc.dev

✨ A handcrafted portfolio website built with pure HTML, CSS, and JavaScript, ensuring lightweight and framework-free implementation.

Language: HTML - Size: 17.5 MB - Last synced at: 18 days ago - Pushed at: 12 months ago - Stars: 0 - Forks: 0

RealAbdurRehman/parallax-forest-animation

A parallax animation of a forest.

Language: JavaScript - Size: 4.04 MB - Last synced at: 4 months ago - Pushed at: 12 months ago - Stars: 0 - Forks: 0

kevinadhiguna/parallax-landing-page

Parallax Landing Page is a web page with parallax effects utilized by Rellax.js.

Language: HTML - Size: 1000 KB - Last synced at: 9 months ago - Pushed at: about 3 years ago - Stars: 12 - Forks: 1

codegenweb/parallax-alien

Parallax Website using HTML and CSS

Language: CSS - Size: 0 Bytes - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0

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.

Language: HTML - Size: 5.73 MB - Last synced at: 8 months ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0