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

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/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/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/jayantgoel001/halloween

Happy Halloween!!!🕸 🍬 🍭 🍡 🎃 🦇

css gsap gsap-scrolltrigger halloween html javascript

Last synced: 05 Oct 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/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/ibaliqbal/gsap-collection

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

awwwards-inspired gsap gsap-animation gsap-flip gsap-plugin gsap-scrolltrigger gsap-timeline gsap3 lenis-scroll webanimation

Last synced: 09 Nov 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/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/atomjoy/gsap

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

gsap-scroll gsap-scrolltrigger gsap3

Last synced: 04 Jul 2025

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/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/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: 30 Jun 2025

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/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: 11 Jun 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: 12 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: 03 Mar 2025

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: 30 Dec 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: 29 Oct 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/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: 31 Dec 2025

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

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: 26 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/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/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/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: 08 Apr 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/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/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: 28 Mar 2025

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

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

My personal GSAP documentation. From my learning of GSAP

documentation gsap-animation gsap-scrolltrigger gsap-timeline

Last synced: 13 Aug 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: 11 Mar 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/codingwithkunal/frontend-projects-showcase

A showcase of real-world frontend projects using HTML, CSS, JavaScript, React, APIs, animations and many more technologies.

auth0 authentication bootstrap5 css fetch-api gsap-animation gsap-scrolltrigger html javascript javascript-es6 react-hooks react-router reactjs redux-toolkit

Last synced: 19 Jun 2025

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/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: 23 Feb 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: 19 Aug 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: 26 Mar 2025

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

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: 02 Sep 2025

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: 30 Dec 2025

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/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: 07 Oct 2025

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/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: 15 Mar 2025

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: 11 Oct 2025

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

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

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

https://github.com/se-madhusudan/gsap-training

gsap demo web page

gsap gsap-scrolltrigger

Last synced: 12 Apr 2025

https://github.com/joaonetogit/instasany-youtube

It uses Next.js, Tailwind CSS and GSAP to create a dynamic and engaging user experience, combining the efficient rendering of Next.js, the modern stylization of Tailwind CSS and the advanced animations of GSAP.

gsap gsap-scrolltrigger nextjs13 pnpm tailwindcss typescript vercel

Last synced: 25 Feb 2025

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

https://github.com/idembele70/designely

Designing with react : https://www.figma.com/file/TM1E0t1dYQHhPHjYTvTzM4/Ui-Designe-(Community)?node-id=0%3A1&t=qIW80b1A22yx8M25-1

figma gsap gsap-scrolltrigger npm react-router-v6 reactjs reactts styled-components typescript

Last synced: 30 Dec 2025

https://github.com/marat200118/gsap-exercises

Devine - Creative Code 3 (The enter tasks for the Gsap, started the logic and basic examples)

gsap gsap-animation gsap-scrolltrigger

Last synced: 05 Jan 2026

https://github.com/gravity-coding/joinflowparty

This is for Victus Batch | Frontend Project GSAP

css gsap gsap-animation gsap-scrolltrigger html javascript

Last synced: 02 Sep 2025

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

https://github.com/rishabhsharma33/gsap-cocktails

An animated cocktail recipe app built with React, TypeScript, GSAP, and Tailwind CSS for a smooth, interactive UI experience.

gsap gsap-scrolltrigger react tailwindcss typescript

Last synced: 01 Jul 2025

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

https://github.com/samukiszhsd/berserkweb

Site em homenagem ao anime Berserk (utilizando GSAP)

gsap-animation gsap-scrolltrigger html-css-javascript

Last synced: 18 Jun 2025

https://github.com/ryanzam/the-coffee-cabin

A Coffee shop application using GSAP

gsap gsap-scrolltrigger reactjs tailwindcss vercel vitejs

Last synced: 03 Sep 2025

https://github.com/33frok1e/awwward-winning-website

It is a Award Winning Website using React, Tailwind css and GSAP with awesome animation and modern design and its a specific clone of https://zentry.com/ and they have build awesome website and I am trying to clone their web to enhance my frontend skills

awwwards gsap gsap-scrolltrigger react tailwindcss

Last synced: 01 Apr 2025

https://github.com/noureenkanwal/whatgym

It's my Day-13 of #100dayscodingchallenge I created this Fully Animated & Responsive WhatGym site with HTML CSS Javascript. Clone of SidCup Golf site. Must checkout: 👇

css css-animation css-animation-effects css-flexbox css-transitions css3-animations gsap gsap-animation gsap-library gsap-scrolltrigger html-css-javascript javascript javascript-animation media-query

Last synced: 01 Apr 2025

https://github.com/umarsiddique010/weather-app

A weather app built with JavaScript, HTML, and CSS using SOLID principles and OOP. Features dynamic rendering, GSAP animations, responsive design, and advanced CSS like backdrop filters and progress bar animations. Deployed with Vite on GitHub Pages.

backdrop-filter css css-animations deployment dynamic-rendering github-pages gsap-animation gsap-scrolltrigger html5 javascript oop progress-bar responsive-design solid-principles typography vitejs weather-app

Last synced: 01 Apr 2025

https://github.com/evasabeeh/natura-umana-clone

Clone of Landing Page of 'Natura Umana'

css gsap-scrolltrigger react vite

Last synced: 29 Nov 2025

https://github.com/rifatparadoxical/gsap-practice

This repository contains my learning and experimentation with GSAP (GreenSock Animation Platform). It showcases animations, techniques, and features I explored while mastering GSAP for creative and engaging web development projects from Sheriyans Coding School.

animated-website animation animation-js animations gsap gsap-animation gsap-library gsap-scrolltrigger gsap-timeline sheriyans sheriyanscodingschool

Last synced: 27 Feb 2025

https://github.com/abhijeetdhikale007/porfolio-react

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: 20 Feb 2025

https://github.com/zeethecyber/zeeshan

This is my personal portfolio website.

gsap gsap-scrolltrigger nextjs portfolio tailwindcss

Last synced: 25 Mar 2025

https://github.com/anselumjuju/fisker

This is a redesign of the Fisker automobile company's website with modern animations.

gsap gsap-scrolltrigger react reactjs scrolltrigger tailwindcss

Last synced: 15 Jun 2025