Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

Projects in Awesome Lists tagged with gsap-scrolltrigger

A curated list of projects in awesome lists tagged with gsap-scrolltrigger .

https://github.com/codebucks27/the-weirdos-nft-website-starter-code

Build a cool NFT Collection website landing page with React JS . This website is created using Gsap for cool scrolling and animation. If you want to learn how to create this website then you can follow below tutorial link in the ReadMe.

beginner-project gsap gsap-scrolltrigger gsap3 landing-page nft nft-gallery react react-hooks reactjs responsive scrolltrigger styled-components website-development website-template

Last synced: 21 Dec 2024

https://github.com/codebucks27/wibe-studio

Build a stunning Fashion Studio Website Landing page with React JS. This website is created using locomotive-scroll for smooth scrolling. Also, GSAP and Framer-Motion for some custom animations and effects. You can learn to make this website by visiting the tutorial link from the description.

fashion framer-motion gsap gsap-scrolltrigger landing-page locomotive-scroll portfolio portfolio-project react reactjs styled-components website website-template

Last synced: 21 Dec 2024

https://github.com/ektogamat/drill-webgi-tutorial

A template for buildind scrollable landing pages with Gsap, ScrollTrigger and webgi engine in typescript using parcel bundler.

course gsap-scrolltrigger pixotronics threejs threejs-boilerplate threejs-learning

Last synced: 27 Oct 2024

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: 20 Dec 2024

https://github.com/codebucks27/wibe-studio-starter-files

Build a stunning Fashion Studio Website Landing page with React JS. This website is created using locomotive-scroll for smooth scrolling. Also, GSAP and Framer-Motion for some custom animations and effects. You can learn to make this website by visiting the tutorial link from the description.

fashion framer-motion gsap gsap-scrolltrigger landing-page locomotive-scroll portfolio portfolio-project react reactjs styled-components website website-template

Last synced: 08 Nov 2024

https://github.com/codebucks27/apple-iphone-3d-landing-page-starter-code

Create awesome landing page for Apple iPhone 14 using Three JS and React JS. This website uses threeJS to render 3D model of iPhone and GSAP for scrolling animations. If you want to learn how to create this website then you can follow tutorial link given in the ReadMe.

animation-css creative-coding gsap gsap-scrolltrigger javascript landing-page react reactjs rendering-3d-graphics scrolltrigger styled-components threejs website-template

Last synced: 08 Nov 2024

https://github.com/ibaliqbal/astro-porto

Personal website build with Astro Js for Web Framework, React Js for UI Framework, Tailwind CSS for styling, GSAP and Framer Motion for Animation, and Lenis for smooth scroll

astro framer-motion freepik gsap gsap-scrolltrigger lenis reactjs typescript

Last synced: 17 Nov 2024

https://github.com/jayantgoel001/halloween

Happy Halloween!!!🕸 🍬 🍭 🍡 🎃 🦇

css gsap gsap-scrolltrigger halloween html javascript

Last synced: 12 Nov 2024

https://github.com/vnuny/horizontal-scroll-section

a simple Next.js application that implements a horizontal scroll effect using GSAP and LOCOMOTIVE SCROLL

gsap gsap-animation gsap-scrolltrigger horizontal horizontal-scrolling horizontalscrollview locomotive-scroll next nextjs nextjs14 react react-animations

Last synced: 21 Dec 2024

https://github.com/agent-006/my-portfolio

This is my personal portfolio app where all my works and experience are projected in beauty.

appwrite gsap gsap-scrolltrigger locomotive-scroll reacthookform reactjs reacttoastify tailwindcss

Last synced: 11 Nov 2024

https://github.com/marianabeldi/davidmeowie

Ejemplo de GSAP ScrollTrigger Plugin para taller de Nerdearla 2023

animation css gsap gsap-scrolltrigger html illustration open-source svg web-graphics

Last synced: 19 Nov 2024

https://github.com/hetari/portfolio

My portfolio website, I clone the UI/UX from Huy Nguyen (his user name in github is: by-huy)

animation clone clone-website gsap gsap-animation gsap-library gsap-scrolltrigger portfolio portfolio-project portfolio-website tailwind tailwindcss vue vuejs

Last synced: 06 Nov 2024

https://github.com/iryna-vyshniak/fitness

Landing page with creative floating scroll with parallax effect using GSAP ScrollTrigger and GSAP ScrollSmoother

gsap-scrollsmoother gsap-scrolltrigger landing-page parallax

Last synced: 15 Dec 2024

https://github.com/blocknotes-4515/business-card-connection

Let's Connect , Build, Grow, Develop, and Collaborate to include our ideas to build Solutions. Here, is my Business Card so, we are Available at (IITM) till. 4PM 🤑🥰

css3 gsap gsap-animation gsap-library gsap-scrolltrigger html5 js locomotivejs

Last synced: 30 Nov 2024

https://github.com/eliooooooo/integration-gsap

My personal GSAP documentation. From my learning of GSAP

documentation gsap-animation gsap-scrolltrigger gsap-timeline

Last synced: 06 Nov 2024

https://github.com/megh2005/calc-age

It is an age calculator website which calculates your age very accurately

age-calculator gsap-scrolltrigger html-css-javascript

Last synced: 28 Nov 2024

https://github.com/samarthhchinivar/iphone-14-pro-landing-page

Website similar to Apple iPhone 14’s landing page which is built using React.js, WebGi, Three.js, GSAP ScrollTrigger.

apple css gsap gsap-scrolltrigger iphone reactjs threejs

Last synced: 10 Nov 2024

https://github.com/syedahmedullah14/gsap-workshop

This repo showcases implementation of some GSAP components.

gsap gsap-animation gsap-plugin gsap-scrolltrigger javascript react

Last synced: 17 Nov 2024

https://github.com/shaw145/avengers

It's Small Avengers related Website (Not Responsive)

css3 gsap gsap-scrolltrigger html-css-javascript html5 javascript

Last synced: 05 Nov 2024

https://github.com/getfrontend/gsap-tutorial

Learn how to use GSAP animations in React

gsap gsap-animation gsap-scrolltrigger gsap-timeline react react-gsap

Last synced: 03 Dec 2024

https://github.com/getfrontend/react-app-iphone

Recreation of the last Apple iPhone website, combining GSAP animations and Three.js 3D effects with cool custom slider.

gsap gsap-animation gsap-scrolltrigger gsap-timeline iphone react react-three-drei react-three-fiber reactjs three-js threejs

Last synced: 03 Dec 2024

https://github.com/pratikrameshmajage/gsap_projects

📚 This repository documents my journey of learning GSAP (GreenSock Animation Platform), a powerful library for creating smooth and high-performance animations. 🎨

greensock-animation-platform gsap gsap-animation gsap-scrolltrigger

Last synced: 14 Dec 2024

https://github.com/danishshaikh04/apple-website

This project is a clone of the Apple website built using React, Three.js, and GSAP to recreate the sleek, smooth, and responsive animations and user interface that Apple is known for. The website features interactive 3D elements, fluid animations, and a modern design that emphasizes both aesthetics and performance.

gsap gsap-scrolltrigger reactjs three-js

Last synced: 14 Dec 2024

https://github.com/ranitmanik/gsap-animations

Complete GSAP Course by Sheriyans Coding School: Animation Source Code

frontend-development gsap gsap-animation gsap-scrolltrigger web web-design web-development website

Last synced: 30 Nov 2024

https://github.com/abhijeetdhikale007/porfolio

My personal portfolio website created using React js, UnoCSS, Three.js, React Three Fiber, Matter js, lenis, and a collection of other technologies. This website showcases my skills, education, and allows users to contact me.

deployment gsap-scrolltrigger javascript lenis-scroll matter-js nix portfolio portfolio-website preview production projectidx react reactthreefiber three-js unocss vercel

Last synced: 13 Dec 2024

https://github.com/arufars/scrolltrigger-gsap

Try the scrollTrigger gsap animation library and it was a lot of fun

animation gsap gsap-scrolltrigger html-css javascript

Last synced: 06 Nov 2024

https://github.com/marllonramoss/instasany-lp-with-gsap

Simple landing page with GSAP animations(not responsive)

gsap gsap-animation gsap-scrolltrigger nextjs tailwindcss

Last synced: 17 Nov 2024

https://github.com/saroshfarhan/iphone-clone-website

Created apple clone website to learn about GSAP

apple gsap gsap-animation gsap-scrolltrigger iphone reactjs tailwindcss

Last synced: 15 Nov 2024

https://github.com/acharayap03/gsap-animation-with-react

This app is a Gsap animation library play ground with react. This will give you basic understanding on how gsap works with react component.

gsap gsap-scrolltrigger react tailwindcss

Last synced: 17 Nov 2024

https://github.com/anshpg/scroll-magic

Welcome to the ScrollMagic with GSAP ScrollTrigger repository! This project is your gateway to creating captivating scroll animations for your web pages using the powerful combination of GSAP (GreenSock Animation Platform) and ScrollTrigger library.

gsap gsap-scrolltrigger javascript

Last synced: 20 Nov 2024

https://github.com/ryana265/chai

Chai is a frontend project designed to learn and experiment with GSAP (GreenSock Animation Platform). The website uses HTML, CSS, and JavaScript to create an immersive experience with advanced animations and interactive elements.

animations css gsap gsap-animation gsap-scrolltrigger html5 javascript

Last synced: 18 Nov 2024

https://github.com/rudra-xi/archive-dark-desire

Dark Desire - Archive: A visually captivating project built with HTML, CSS, and JavaScript, featuring smooth animations using GSAP. Check it out and star it if you like it!

css gsap gsap-animation gsap-scrolltrigger html html-css-javascript js

Last synced: 25 Nov 2024

https://github.com/nigammishra/animatedportfolio

This is a fully responsive HTML static portfolio template.

canvas css gsap gsap-animation gsap-scrolltrigger html javascript jquery locomotive locomotive-scroll

Last synced: 22 Nov 2024

https://github.com/sudeepacharjee/scroll-shape-morph

A demo of a on-scroll shape morph animations with an interactive tilt effect.

gsap-scrolltrigger javascript-library shapemorph

Last synced: 08 Dec 2024

https://github.com/zeethecyber/zeeshan

This is my personal portfolio website.

gsap gsap-scrolltrigger nextjs portfolio tailwindcss

Last synced: 03 Dec 2024

https://github.com/adityaanandcodes/travelnest

TravelNest aims to provide users with an engaging and dynamic experience as they explore beautiful travel destinations. The website features smooth animations and 3D effects using React Three Fiber, integrated seamlessly with React and styled using TailwindCSS.

gsap gsap-scrolltrigger react react-three-fiber tailwindcss threejs

Last synced: 03 Dec 2024

https://github.com/tarunkumar3103/iphone

An iPhone 15 Pro clone website with 3d models, seamless animations, transitions, and much more.

gsap-animation gsap-scrolltrigger gsap-timeline reactjs three-js vite

Last synced: 16 Dec 2024

https://github.com/muhammadawaisshaikh/react-gsap-scrolltrigger-scrollsmoother

GSAP is renowned for its high performance and flexibility, offering a robust suite of tools to animate anything in the browser. When paired with React.js, GSAP can create engaging user interfaces that respond smoothly to user interactions, making your applications not just functional but also delightful to use.

clean-code gsap gsap-animation gsap-scrollsmoother gsap-scrolltrigger gsap3 javascript react

Last synced: 04 Dec 2024

https://github.com/gaurav7ds/remake-two-good-shop

Front End remake of https://twogood.com.au/

css gsap-scrolltrigger javascript

Last synced: 11 Dec 2024

https://github.com/gaurav7ds/gsap-scrolltrigger-practce

scroll tigger demo website

gsap gsap-scrolltrigger

Last synced: 11 Dec 2024

https://github.com/sidgureja7803/obys-agency-clone

Built a responsive website clone using GSAP animations and JavaScript for seamless user interaction.

gsap-animation gsap-scrolltrigger javascript tailwindcss

Last synced: 18 Dec 2024

https://github.com/sandravizz/shinrin-yoku

Svelte experiment to create personal webpage about shinrin-yoku (forest bathing)

gsap-library gsap-scrolltrigger svelte sveltekit

Last synced: 07 Nov 2024

https://github.com/ahkamboh/3d-website-megma

3D Website Megma showcases mesmerizing 3D visuals using GSAP, HTML, JS, and CSS, with interactive scrolling through Locomotive Scroll. Explore it live here

gsap gsap-scrolltrigger html-css-javascript html5-canvas locomotive-scroll

Last synced: 11 Nov 2024

https://github.com/fahad1463/mobile-feature-website

Hi, this is my single page Mobile features website. I have gone through many frameworks and libraries to build this fully resposnive. Do check it out

bootstrap5 css gsap-scrolltrigger html javascript

Last synced: 14 Dec 2024

https://github.com/peyush-nuwal/rejoice

Awwards winning website clone

framer-motion gsap gsap-reac gsap-scrolltrigger reactjs

Last synced: 20 Dec 2024

https://github.com/cpadlab/mirko-vigna-portfolio

Spec Work from Mirko virga's portfolio, made using React, GSAP, TailwindCSS and Frammer Motion.

gsap gsap-scrolltrigger motion-framer react tailwindcss

Last synced: 14 Dec 2024

https://github.com/mrpranavr/canvas-scroll-animation

A scroll based images animation using GSAP

blender gsap gsap-scrolltrigger reactjs

Last synced: 07 Nov 2024

https://github.com/cynthiachiu/3d-space

An interactive, 3D rendering of space at night with Earth, the Sun, the Moon, stars and an astronaut. This application uses ThreeJS for realistic 3D rendering, GSAP for smooth scroll triggered animations and text, 3D model animations, postprocessing techniques including ThreeJS layers, UnrealBloom and OutlinePass.

3d 3d-model animation astronaut atmospheric gsap gsap-scrolltrigger moon nodejs outlinepass reactjs space stars threejs threejs-layers unrealbloompass

Last synced: 08 Nov 2024

https://github.com/nottkhush/tala-snack-website

Made TALA Snack Website using html, css, js, locomotive js, gsap

gsap gsap-scrolltrigger locomotive-scroll webdev webdevelopment

Last synced: 07 Nov 2024

https://github.com/irydev/apple-iphone-15-pro

Reproduction of the Apple iPhone 15 Pro website with add of a call application. Using React, Redux, TailwindCSS, GSAP, ThreeJS.

animation gsap gsap-animation gsap-scrolltrigger react reactjs redux redux-toolkit tailwind tailwindcss three three-js threejs typescript

Last synced: 21 Dec 2024

https://github.com/alberto-torres/responsive-bouncy3d

Mini video game example that combines: UI, responsiveness, 2D and 3D animation, video games and scroll animation; to be deployed via a modern web browser.

2d-game 3d-game gsap gsap-scrolltrigger phaser phaser-game responsive-design sounds threejs threejs-example

Last synced: 13 Dec 2024

https://github.com/omkushwaha9/ffmpeg-web_project

FFmpeg-Web is a web project utilizing FFmpeg, HTML, JavaScript, and Tailwind CSS, featuring a background video with contextual scrolling text that synchronizes with the video's frames using ScrollTrigger. The scrolling text dynamically represents the video's content, creating an engaging, immersive experience.

ffmpeg gsap gsap-scrolltrigger javascript

Last synced: 22 Oct 2024

https://github.com/debrajhyper/marqeta

This project is a clone of Marqeta as part of the gsap animation. The project involves implementing various animations and ensuring the overall structure and performance of the website is up to standards.

gsap gsap-animation gsap-scrolltrigger gsap-timeline lottie-animation owl-carousel reactjs vite

Last synced: 05 Nov 2024

https://github.com/dp20703/scrolling-website

Scrolling animation website using html,gsap,tailwindcss and lenis.

gsap gsap-scrolltrigger html lenis tailwindcss

Last synced: 16 Nov 2024

https://github.com/cipher-soul/myportfolio

⚡Developer Portfolio Website Welcome to my portfolio website repository! This website is built using HTML, Tailwind CSS, JavaScript, GSAP, and FontAwesome icons to showcase my work, skills, and projects. Feel free to explore, contribute, and get inspired!

font-awesome gsap-scrolltrigger html5 javascript tailwindcss

Last synced: 09 Nov 2024

https://github.com/atomjoy/gsap

GSAP Js Tutorials. DeVeb Scrolling Content with Pinned Image (ScrollTrigger / GSAP)

gsap-scroll gsap-scrolltrigger gsap3

Last synced: 10 Nov 2024

https://github.com/sudeepacharjee/gsap-onscrl-trigger

This project demonstrates a parallax effect implemented using GSAP, JavaScript, CSS, and ReactJS. It features various sections showcasing images, benefits, portfolio items, and services with a parallax animation applied to different elements.

gsap-scrolltrigger javascript reactjs

Last synced: 14 Nov 2024