Data

Tools

Indexes

Applications

Experiments

Awesome

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

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: 08 Apr 2025

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: 24 Jun 2025

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: 16 Mar 2025

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: 14 Apr 2025

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: 14 Apr 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/thesiyhbrand/fanta

This is for my youtube channel tutorial.

css3 gsap gsap-animation gsap-scrolltrigger html5 javascript

Last synced: 20 Jun 2025

https://github.com/mohnishlandge/threejs-template-gsap-scrolltrigger

Three.js OnScroll with GSAP ScrollTrigger | Modify Objects OnScroll OnClick

gsap gsap-scrolltrigger onscroll threejs threejs-boilerplate

Last synced: 24 Apr 2025

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: 09 Mar 2026

https://github.com/chiragchrg/portfolio

Welcome to ChiragChrg's portfolio website, your gateway to the dynamic world of full stack web development. Immerse yourself in the digital realm where my expertise in coding and design converges to create extraordinary online experiences.

astrojs chiragchrg gsap gsap-scrolltrigger personal-website portfolio preact pwa responsive seo seo-friendly seo-optimization tailwindcss typescript

Last synced: 01 Feb 2026

https://github.com/thesiyhbrand/dennis-snellenberg

This project is created by Amarjeet Chaudhary, this is a practice project created for the final challenge at Sheryians Coding School Bhopal, Madhya Pradesh

awwwards css gsap gsap-scrolltrigger html html-css-javascript javascript

Last synced: 14 Apr 2025

https://github.com/ibaliqbal/gsap-collection

An open-source project designed to explore and showcase modern, interactive animations using the GSAP (GreenSock Animation Platform) library.

gsap gsap-animation gsap-plugin gsap-scrollsmoother gsap-scrolltrigger gsap-timeline gsap3

Last synced: 25 Feb 2026

https://github.com/evanstef/portofolio-evan

Ini merupakan redesign web portofolio saya sebelumnya dengan konsep yang lebih dan juga penerapan konsep parallax didalamnya masih menggunakan NextJS dalam pengembangannya

animation gsap gsap-scrolltrigger lenis nextjs parrallax particles tailwindcss

Last synced: 23 Apr 2025

https://github.com/oxygen-updater/website

New fully-static NextJS+Preact rewrite of our website

gsap-scrolltrigger nextjs preact static-website tailwindcss typescript

Last synced: 04 Apr 2026

https://github.com/lazycoderaayu/magma-clone

Awwards winning webiste's clone | Gsap | locomotive | ScrollTrigger | Canva's | Html | css | js

awwwards awwwards-replica css frontend gsap gsap-scrolltrigger gsap-timeline html js locomotive locomotive-scroll script scrolltrigger sheriyanscodingschool website

Last synced: 18 Apr 2026

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: 24 Apr 2025

https://github.com/sha-env/E-Commerce-Python-Website

Simple Website E-Commerce made with Python

flask flask-application green gsap gsap-scrolltrigger python

Last synced: 02 Oct 2025

https://github.com/jayantgoel001/halloween

Happy Halloween!!!🕸 🍬 🍭 🍡 🎃 🦇

css gsap gsap-scrolltrigger halloween html javascript

Last synced: 05 Oct 2025

https://github.com/n4vrl0s3/e-commerce-python-website

Simple Website E-Commerce made with Python

flask flask-application green gsap gsap-scrolltrigger python

Last synced: 10 Apr 2025

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: 28 Apr 2026

https://github.com/rudra-xi/am-i-here-or-not

Editorial-style photo gallery and creative manifesto built with Next.js

gsap gsap-animation gsap-scrolltrigger lenis nextjs nextjs14 tailwindcss

Last synced: 17 Jan 2026

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: 06 May 2025

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: 23 Mar 2025

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: 10 Apr 2025

https://github.com/atomjoy/gsap

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

gsap-scroll gsap-scrolltrigger gsap3

Last synced: 19 Mar 2026

https://github.com/vertasy/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: 07 Feb 2026

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

Awwards winning website clone

framer-motion gsap gsap-reac gsap-scrolltrigger reactjs

Last synced: 31 Aug 2025

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: 02 Feb 2026

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: 14 Apr 2026

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: 08 Apr 2025

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: 10 Feb 2026

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: 20 Mar 2026

https://github.com/atishaytuli07/21st-century-museum

A GSAP ScrollTrigger animation project showcasing the evolution of modern museums through dynamic, immersive storytelling and seamless web transitions 😊

creative gsap gsap-scrolltrigger gsap3 javascript

Last synced: 21 Apr 2026

https://github.com/deepak-mahanta/lazarev-agency

LAZAREV. 🪀 — Digital Product Design Agency | Award Winning UX & UI Agency

css3 gsap-animation gsap-scrolltrigger gsap-timeline html5 javascript smooth-scrolling

Last synced: 07 May 2026

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: 16 Apr 2026

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: 21 Mar 2025

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: 13 Apr 2026

https://github.com/zainab7681051/clevercode-services-website

a website for a custom web development and web solutions company

gsap gsap-scrolltrigger localization vue

Last synced: 14 Dec 2025

https://github.com/crouan/stage_siteweb_lescomediensduboisgeffray

Stage de 1ʳᵉ année de BTS SIO - J’ai eu l’opportunité de créer un site vitrine en totale autonomie, pour l’association théâtrale Les Comédiens du Bois Geffray. Mon objectif était de concevoir un site moderne et immersif, mettant en valeur l’univers de l'association.

figma gsap gsap-animation gsap-scrolltrigger html-css-javascript

Last synced: 17 Jul 2025

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: 26 Jul 2025

https://github.com/bikomaster6589/personal_portfolio

This is the repository for my personal portfolio website, showcasing my work, skills, and projects. The website is designed with a modern and clean aesthetic, featuring an animated horizontal scroll for a unique user experience.

aesthetic animation frontend gsap-scrolltrigger personal-website portfolio portfolio-template videos

Last synced: 19 Jun 2025

https://github.com/developer-ronnie/beeown-animated-website

Built a visually captivating website featuring scroll-triggered animations, geometric transitions, and engaging video storytelling with modern feel, focusing on engaging UI/UX and smooth responsiveness, capturing the essence of 3D animated website.

3danimation gsap-animation gsap-plugin gsap-scrolltrigger gsap-timeline webdesign website

Last synced: 31 Mar 2025

https://github.com/thesiyhbrand/kindly

This project is created for a BTech student. Visit on link

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

Last synced: 04 Jul 2025

https://github.com/aajafry/shaha

Shaha is a fully responsive islamic community website template built with React and GSAP. This template is designed to enhance Animation and UI/UX development, providing a seamless and engaging user experience across all devices.

atomic-design gsap-animation gsap-scrolltrigger gsap-timeline gsap3 lightgallery reactjs responsive-design tailwindcss

Last synced: 06 May 2026

https://github.com/rupak-25/this-is-it

This repository contains the code of creating a landing page which is created by using animation tool i.e., Shery.js

frontend fullstack-development gsap-scrolltrigger html-css-javascript michael-jackson-12 sheryians sheryianscodingschool sheryjs

Last synced: 04 Apr 2025

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: 01 May 2026

https://github.com/rof1yev/mojito_with_gsap

A modern cocktail website built with React and TailwindCSS, featuring smooth GSAP animations such as SplitText reveals, scroll-triggered effects, parallax scrolling, and a custom carousel.

gsap gsap-scrolltrigger gsap-splittext reactjs tailwindcss typescript vite

Last synced: 02 May 2026

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

My personal GSAP documentation. From my learning of GSAP

documentation gsap-animation gsap-scrolltrigger gsap-timeline

Last synced: 19 Mar 2026

https://github.com/rumaisanaveed/bottles-website

A website to showcase the capabilities of GSAP. It highlights the latest trends in web design, featuring moving objects. The site demonstrates a bottle that changes its position based on the user's scroll. It also includes additional animations.

css3 gsap gsap-scroll gsap-scrolltrigger gsap-timeline html5 javascript trending-website-design

Last synced: 18 Apr 2026

https://github.com/PratikRameshMajage/GSAP

📚 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: 27 Apr 2025

https://github.com/rupak-25/manja-inspired-by-magma

This repository contains the source code of an amazing animated website called "ManJa" inspired by Magma : A Web3 platform for managing real estate assets through Digital Twin Tokens. Check out the live project by clicking on the link given below 👇

animations front-end-development gsap-scrolltrigger hosting html-css-javascript locomotive-scroll magma projects responsive-web-design webapplication

Last synced: 04 Apr 2025

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

en-US_Simple landing page with GSAP animations(not responsive)

gsap gsap-animation gsap-scrolltrigger nextjs tailwindcss

Last synced: 04 May 2026

https://github.com/anurag-singh17/cyberfiction

FRONTEND PROJECT Cyberfiction Clone: A dynamic and animated digital experience inspired by Cyberfiction, blending futuristic design with cutting-edge web technologies.

canvas2d css gsap gsap-animation gsap-scrolltrigger html javascript locomotive locomotive-scroll

Last synced: 05 May 2026

https://github.com/PratikMajage/GSAP

📚 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: 22 Oct 2025

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: 17 May 2026

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: 11 Apr 2026

https://github.com/mahsank111/mohd_ahsank_portfolio

"Step into the digital sanctuary that is my personal website, meticulously crafted with the enchanting synergy of Next.js and Prismic. Embark on a journey where every pixel narrates a story, every interaction unveils a piece of my world"

gsap-animation gsap-scrolltrigger nextjs prismcentral

Last synced: 15 May 2026

https://github.com/shaw145/avengers

It's Small Avengers related Website (Not Responsive) with the help of html,css,js

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

Last synced: 06 May 2026

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: 15 Apr 2026

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

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

gsap gsap-scrolltrigger html lenis tailwindcss

Last synced: 21 Jul 2025

https://github.com/omshreevinayak/floral-fragility

Welcome to the Floral Fragility a pottery website, an elegant and interactive website showcasing unique pottery designs and high-quality materials.

aos-animation css3 gsap gsap-scrolltrigger html5 js locomotive-scroll reactjs

Last synced: 11 Apr 2026

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: 07 Apr 2026

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: 17 Apr 2026

https://github.com/faycodee/faycode-portfolio

Explore my Faycode portfolio to discover projects that showcase my expertise in front-end and back-end development, design, and problem-solving. See how I transform ideas into impactful solutions through technology. Let’s connect and create something amazing together!

gsap gsap-scrolltrigger react redux tailwindcss

Last synced: 05 Apr 2026

https://github.com/harshmaurya-05/lazarev

This project is a UI design website inspired by Lazarev, featuring HTML, CSS, JavaScript, GSAP animations, GSAP ScrollTrigger, and Locomotive Scroll for smooth, interactive scrolling and dynamic effects, offering a clean, responsive design.

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

Last synced: 15 Apr 2026

https://github.com/developerinsharah/wethinkelastic

😊 This Website is made with HTML , CSS , JS and GSAP . This website include a lot of effect and animations . This desktop experience requires a lot of work.

css gsap gsap-scrolltrigger html javascript

Last synced: 15 Apr 2026

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

scroll tigger demo website

gsap gsap-scrolltrigger

Last synced: 09 Feb 2026

https://github.com/omkushwaha9/gsap-timelineanimations_website

This website showcases the elegance of animations created with GSAP, utilizing components like Timeline and ScrollTrigger, within a minimalist UI design. It features two pages, each with engaging animations that activate upon loading or scrolling, providing a seamless user experience.

gsap-animation gsap-scrolltrigger gsap-timeline html-css-javascript

Last synced: 19 Mar 2026

https://github.com/ayahany0/portfolio

___🌟 Aya Hany - Portfolio Website ___ 🚀 A fully responsive portfolio showcasing my skills as a front-end developer. Built with React.js, Tailwind CSS, and GSAP animations to provide a dynamic and engaging user experience. Features include a projects gallery, service offerings, and a functional contact form powered by EmailJS

css emailjs formik gsap gsap-scrolltrigger html js notistack react-icons tailwind vite yup

Last synced: 16 Apr 2026

https://github.com/mateogiuffra/landing-page-apple

Landing Page of Apple Airpods Pro 2 - Vanilla HTML, CSS & JS with GSAP animations

apple css gsap gsap-animation gsap-scrolltrigger html javascript

Last synced: 18 Apr 2026

https://github.com/caseyochieng/ark_youth_church

it is a church website to make it more accessible for people to find us and fellowship with us.

css3 gsap-scrolltrigger html-css-javascript html5 javascript

Last synced: 16 Apr 2026

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: 17 Apr 2026

https://github.com/msanchariii/cafe

A visually rich, coffee-themed landing page for a cafe website, built with React, Vite, and GSAP for smooth, interactive animations.

animation bun frontend gsap gsap-animation gsap-scrolltrigger interactive landing-page react tailwindcss tailwindcss-v4 vite

Last synced: 04 Apr 2026

https://github.com/developermk07/mayuresh_kadale_portfolio

✨ Designed with attention to detail to reflect my personality and developer journey.

gsap gsap-animation gsap-scrolltrigger nextjs nextjs14 tailwindcss vercel vercel-deployment vite

Last synced: 05 Apr 2026

https://github.com/tamoziit/enigma

Some Fun with React & Tailwind, coz I was feeling bored....

animations gsap gsap-animation gsap-plugin gsap-scrolltrigger gsap-timeline reactjs tailwindcss

Last synced: 20 Apr 2026

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 animations and interactive elements.

animations css gsap gsap-animation gsap-scrolltrigger html5 javascript

Last synced: 24 Apr 2026

https://github.com/mohamad-abdelkhalek/isocial

A vibrant digital marketing platform built with HTML, CSS, and GSAP for stunning animations.

css gsap gsap-scrolltrigger html

Last synced: 24 Apr 2026

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

A scroll based images animation using GSAP

blender gsap gsap-scrolltrigger reactjs

Last synced: 28 Apr 2026

https://github.com/marat200118/full-spead-ahead

Devine - Integration 3 (Interactive experience for the Train World museum)

gsap gsap-scrolltrigger javascript lottie-animation responsive-design responsive-website vite

Last synced: 29 Apr 2026