Projects in Awesome Lists tagged with scrolltrigger

https://github.com/terwanerik/scrolltrigger

Let your page react to scroll changes.

animation css html-element javascript scrolltrigger trigger user-scrolls

Last synced: 14 May 2025

https://github.com/terwanerik/ScrollTrigger

Let your page react to scroll changes.

animation css html-element javascript scrolltrigger trigger user-scrolls

Last synced: 24 Mar 2025

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/lucky-kashyap/front-end-domination-create-anything-with-code

Start with Front-End Journey with Sheryians Coding School (Front-End Domination: Create-Anything-with-Code)

advance-javascript api context-api css css-animation css-flexbox css-grid-layout framer- gsap gsap-react html javascript javascript-dom-manipulation locomotive react-hooks react-js react-router-dom responsive-web-design scrolltrigger tailwind-css

Last synced: 06 May 2025

https://github.com/abhishekshrivastav73/front-end-domination-with-sheryians-coding-schools-

Getting Start with Front-End Journey with Sheryians Coding Schools (Front-End Domination : Create any thing with Code )

advance api asynchronous-javascript css forntend-domination frontenddomination gsap html javascript javascript-library js js-dom locomotive reactjs responsive-web scrolltrigger sheryians sheryianscodingschool tailwindcss

Last synced: 07 Apr 2025

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

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 gsap landing-page react reactjs rendering-3d-graphics scrolltrigger threejs threejs-example threejs-template webapp website-template

Last synced: 14 Apr 2025

https://github.com/holux-design/v-gsap-nuxt

Awesome GSAP for Nuxt

composable directive gsap nuxt nuxt3 scrolltrigger transition vue

Last synced: 04 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/phucbm/scroll-snooper

🏄‍♂️ 4KB vanilla JS to use as a lite version of GSAP Scroll Trigger

javascript scroll scroll-monitor scroll-snooper scroll-watcher scrolling scrolltrigger

Last synced: 12 Apr 2025

https://github.com/maggix1404/personal-site

gsap3 pagetransitions scrollanimation scrolltrigger

Last synced: 18 Mar 2025

https://github.com/bloivating-major/kodr

KODR 🚀 By Sheriyance Coding School 🔥

api git github gsap nodejs reactjs scrolltrigger scss tailwind

Last synced: 16 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/marlinsk/landing-page-the-weirdos-nft-website-react

Site de artes NFT, feito por meio de uma orientação de um vídeo tutorial do canal Code Bucks.

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

https://github.com/ishaantek/ishaangarg.com

Source code of my portfolio ☄️

dev-portfolio gsap js portfolio scrolltrigger threejs

Last synced: 09 Oct 2025

https://github.com/kobra-soft/ks_profile_app

GSAP / Animations / transitions 3D (Work In progress)

animations design scrolltrigger transitions typography

Last synced: 14 Apr 2025

https://github.com/thesiyhbrand/brandbeet

This is for youtube tutorial

css gsap html javascript scrolltrigger

Last synced: 15 Mar 2025

https://github.com/olarsson/react-scrollsy

An ambitious light-weight react module written in TypeScript for tracking scroll progress in a performant way. Developed for use with spring based animation libraries such as react-spring, but can be used with or without any library.

animate animation nextjs-scrollreveal react react-animate-on-scroll react-scroll react-scroll-motion react-spring reactscroll scroll scroll-animation scroll-effect scroll-reveal scroll-reveal-animations scroll-trigger scrolling scrollprogress scrollreveal scrolltrigger

Last synced: 17 Aug 2025

https://github.com/ishaantek/ishaantek.com

Source code of my portfolio ☄️

dev-portfolio gsap js portfolio scrolltrigger threejs

Last synced: 06 Aug 2025

https://github.com/kostastepetes/spotify-playlist-online-radio

📻 3D Website that works as a landing page and an online radio with an embedded Spotify Playlist. Made with GSAP, ScrollTrigger and particles.js

3d embedded-spotify gsap online-radio particles-animations particles-js scrolltrigger spotify-playlist

Last synced: 27 Feb 2025

https://github.com/Salman-Ahamed/Counter-Up-Trigger

Counter Up Trigger Made in its own way combination with react-scroll-trigger and react-countup

counter counterup nextjs nextjs13 react scrolltrigger tailwindcss tawilwind ts typescript

Last synced: 14 Sep 2025

https://github.com/salman-ahamed/counter-up-trigger

Counter Up Trigger Made in its own way combination with react-scroll-trigger and react-countup

counter counterup nextjs nextjs13 react scrolltrigger tailwindcss tawilwind ts typescript

Last synced: 29 Mar 2025

https://github.com/ayeshamunawar-profile/brewedup

A landing page for a coffee making company Brewed Up

animations bootstrap4 carousels coffee coffee-company gsap-scrolltrigger gsap3 landing-page paperkit scrolltrigger slick-carousel slick-slider

Last synced: 18 Jul 2025

https://github.com/thexro/raviyadav

Repo of my Personal Website

css3 gsap gsap-scrolltrigger html5 javascript react scrolltrigger tailwindcss vite

Last synced: 08 Oct 2025

https://github.com/diivvuu/magma-website-clone

This is a clone of an award winning website MAGMA, in this i have used gsap, scrolltrigger, locomotive js.

frontend frontend-domination gsap locomotive magma scrolltrigger sheryians sheryianscodingschool sheryjs

Last synced: 17 Oct 2025

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

A modern, interactive frontend portfolio built using Next.js, TypeScript, GSAP, Framer Motion, and TailwindCSS. Designed to showcase my skills, featured projects, and personal branding as a frontend developer.

animation creative-coding creative-development framer-motion frontend gsap interactive-ui micro-interactions minimal modern-ui nextjs personal-website portfolio-website reactjs responsive-design scrolltrigger smooth-scroll tailwindcss typescript

Last synced: 14 Sep 2025

https://github.com/yash12169/the-scripting-squad-reimagineround2

This repository contains the code and assets for our project for Re-imagine hackathon where we reimagine and recreate the website of out favourite Ice-Cream brand Baskin-Robbins

css framer-motion gsap html javascript reactjs scrolltrigger

Last synced: 07 Jul 2025

https://github.com/rupak-25/web-gaming-2025

gve me the description of web gaming 2025 ui design in 2 lines The Web Gaming 2025 UI design offers a sleek, modern interface with intuitive navigation and engaging visuals, ensuring an immersive and seamless gaming experience across all devices. 🚀🎮 Click on the link given below to enjoy the productivity in live! 👇

animation build figmadesign frontend fullstackwebdevelopment gaming-website gsap html-css-javascript javascript learning-by-doing reactjs scrolltrigger smooth-scrolling uiux-design web website-design

Last synced: 07 May 2025

https://github.com/thesiyhbrand/moheim

This website is feature as Site Of The Day on AWWWARDS. And I decided to create it, I hope you love it. All images and design credit goes to moheim.com

animation-css css html html-css-javascript javascript scrolltrigger

Last synced: 15 Mar 2025

https://github.com/persephonepunch/genevievehome22

Scrolltrigger GSAP Collections

gsap horizontal-scrolling scrolltrigger

Last synced: 23 Feb 2025

https://github.com/dhimanankita54/ayka_project

React project with scroll trigger animations, routing and email integration

animations emailjs gsap react scrolltrigger

Last synced: 06 Apr 2025

https://github.com/yashchauhan008/fanta_modified

fanta home page with smooth scroll based animation

gsap locomotive-scroll scrolltrigger

Last synced: 04 Jul 2025

https://github.com/xenoverseup/smooth-scroll-landing

A hobby project that uses NextJS 13 and Locomotive Scroll v5 to create stunning animations.

animation gsap locomotive-scroll nextjs react scrolltrigger

Last synced: 13 Oct 2025

https://github.com/farab-hussain/sundown

This project is a responsive front-end website built with HTML, CSS, JavaScript, and GSAP. It features smooth animations, transitions, and dynamic interactivity, ensuring a visually engaging user experience across all devices, with cross-browser compatibility and advanced timeline-based animations using GSAP.

css3 gsap html5 javascript scrolltrigger

Last synced: 16 Mar 2025

https://github.com/cesarolvr/slider-nextjs-gsap-app

A 🛷 slider component using NextJS + 🥦 GSAP Timeline: https://xyzphotography.vercel.app

classnames framer-motion gsap nextjs scrolltrigger styled-components typescript vercel

Last synced: 27 Aug 2025

https://github.com/frontendadvance/index-css-scroll-progress-driven-animation

Index CSS Scroll Progress Driven Animation

css-animations css3 scrolltrigger

Last synced: 22 Feb 2025

https://github.com/abshar777/studio-ivory

Studio Ivory is a modern static website developed for an architecture company, showcasing their services and portfolio. The site features smooth scrolling, captivating animations, and a minimalistic design. Technologies used include HTML, CSS, JavaScript, GSAP, ScrollTrigger, and Lenis SmoothScroll

css gsap html lenis scrolltrigger smooth-scrolling

Last synced: 15 Oct 2025

https://github.com/ahmad-jx/designend-website-template

🚀 Design End – The ultimate front-end template for developers & designers! Featuring breathtaking 3D animations, a sleek responsive design, and full customizability, this template is perfect for creating stunning, modern websites with ease. Download, modify, and build your dream project today! ✨

animation-effects bootstrap creative-websites css developer-tools fancybox frontend-template gsap html html-css-js js modern-ui scrolltrigger smooth-scroll website-template

Last synced: 10 Aug 2025

https://github.com/bartek532/company-website-prototype

Company landing page prototype 🏢

gsap html scrolltrigger scss typescript

Last synced: 07 Apr 2025

https://github.com/abdulrahmans0414/gsap

This repository is dedicated to learning and experimenting with GSAP (GreenSock Animation Platform), a powerful JavaScript library for creating high-performance animations. The project includes examples, tutorials, and practice exercises using HTML, CSS, and JavaScript to demonstrate the capabilities of GSAP.

animation css fontend gsap gsapanimation html javascript javascript-library responsive scrolltrigger webdesign

Last synced: 23 Aug 2025

https://github.com/ashishshres/learning-gsap

Animations with GSAP

animation gsap javascript scrolltrigger

Last synced: 03 Sep 2025

https://github.com/frontendadvance/incredible-scroll-reveal-based-animation

Incredible Scroll Reveal Animation

css-animations css-flexbox scrollreveal-js scrolltrigger

Last synced: 02 Apr 2025

https://github.com/shubhcoding01/sccoffeeshop-code

ScCafe is more than just a coffee shop — it’s a journey to the perfect cup. Created with a passion for exceptional coffee and a commitment to convenience, ScCafe offers an innovative digital experience that makes ordering and enjoying coffee simpler than ever. With a clean, intuitive user interface, our platform ensures that you can easily explore

html javascript nestjs node open-source react scrolltrigger tailwind-css

Last synced: 10 Dec 2025

https://github.com/yashchauhan008/netflix_modified

mindblowing landing page for netflix

css gsap html javascript scrolltrigger sheryjs webgl

Last synced: 28 Mar 2025

https://github.com/diivvuu/sidcup-family-golf-website

This repo contains the code of a clone of an award winning website SIDCUP FAMILY GOLF, you can check the output on the deployed link here

css frontend frontend-domination gsap html locomotive locomotivejs scrolltrigger sheryians sheryianscodingschool

Last synced: 13 Sep 2025

https://github.com/rupak-25/car-exhibition-2024-

This repository contains the source code of a dynamic project : Car Exhibition 2024

car exhibition-website fullstackwebdevelopment gsap-animation html-css-javascript scrolltrigger swiperjs webdeveloper website

Last synced: 19 Jul 2025

https://github.com/hamideidy/jquery-scroll-top

Scroll top button in jquery

bootstrap css html javascript jquery scroll scrolltrigger

Last synced: 06 Sep 2025

https://github.com/zepolimer/saisonnier

Discover fruits and vegetables of the month !

gsap react scrolltrigger styled-components

Last synced: 02 Mar 2025

https://github.com/himanshuch8055/landing-page-2

Landing page using GSAP animation.

animation gsap scrolltrigger textillate

Last synced: 20 Mar 2025

https://github.com/ankurjaiswalofficial/thecraftsman_clone

thecraftsman_clone

css gsap html js scrolltrigger smooth-scrollbar

Last synced: 05 Apr 2025

https://github.com/askomarov/vite-gsap-scroll-cards

gsap scrolltrigger vite

Last synced: 11 Jul 2025

https://github.com/frontcodelover/portfolio

My portfolio made with <3

gsap reactjs scrolltrigger tailwindcss

Last synced: 15 Jul 2025

https://github.com/rohitumbare/work-studio

WØRK is a visually striking and interactive web experience designed to push the boundaries of grid layouts and modern web animations. Built with HTML, CSS, and JavaScript, this project integrates cutting-edge tools like GSAP and Locomotive Scroll to create a highly engaging and responsive website.

css grid-layout gsap hover html javascript locomotive-scroll marquee preloader responsive-design scrolltrigger

Last synced: 12 Sep 2025

https://github.com/amardev07/911-ui-

Porsche 911 Animated UI

360-view countup gsap npm parallax reactjs scrolltrigger skipper

Last synced: 30 Oct 2025

https://github.com/thounny/day_015

Scroll Animation with GSAP, ScrollTrigger, and Lenis

css gsap html javascript lenis lenis-scroll scrolltrigger

Last synced: 22 Jul 2025

https://github.com/emersonramos3lt/marketing-landinpage

A marketing landingpage with scrolling animations, responsive design and UI/UX Design best practices.

aos aos-animation css css-flexbox css3 html html5 javascript nextjs react reactjs scrolltrigger tailwind tailwindcss tailwindui

Last synced: 24 Dec 2025

https://github.com/funmilolajire/portfolio

my personal portfolio

gsap react-router reactjs scrolltrigger scss tailwindcss

Last synced: 27 Mar 2025

https://github.com/yashchauhan008/projecthub

awwward wining website ui

gsap locomotive-scroll scrolltrigger

Last synced: 28 Mar 2025

https://github.com/yunusemrejr/moving-labels-frontend-demo-gsap-scrolltrigger-and-angular

GSAP ScrollTrigger Angular Demo (nothing cool just moving colored text)

angular gsap scrolltrigger scss

Last synced: 30 Mar 2025

https://github.com/azaanullah-khan/scroll-trigger-prac

I have just starting learning GSAP so this is a small starter project made for practicing ScrollTrigger

css gsap html javascript js practice project scrolltrigger

Last synced: 30 Mar 2025

https://github.com/thounny/30-day-code-challenge

Showcase directory for my 30-day Daily Code Challenge

30dayscodechallenge 30daysofcode css dailycodechallenge dailyprogrammer gsap html javascript scrolltrigger yearup yearupunited

Last synced: 19 Sep 2025

https://github.com/borisaec/designend-website-template

🚀 Design End – The ultimate front-end template for developers & designers! Featuring breathtaking 3D animations, a sleek responsive design, and full customizability, this template is perfect for creating stunning, modern websites with ease. Download, modify, and build your dream project today! ✨

animation-effects bootstrap creative-websites css developer-tools fancybox frontend-template gsap html html-css-js modern-ui scrolltrigger smooth-scroll website-template

Last synced: 03 Aug 2025

https://github.com/frnt-end/portfolio

My Portfolio Website 💼 https://portfolio-tawny-omega-55.vercel.app/

frontend gsap lenis lucide portfolio react scrolltrigger slider tailwind ux vite

Last synced: 03 Aug 2025

https://github.com/thounny/day_020

Showcase Card Animation with Horizontal Parallax Scroll

css gsap html javascript lenis-scroll scrolltrigger

Last synced: 14 Mar 2025

https://github.com/askomarov/astro-cursor

https://askomarov.github.io/astro-cursor/

astro gsap scrolltrigger

Last synced: 08 Apr 2025

https://github.com/faridvatani/gsap-scroll-animation

This is a scroll animation with Gsap, ScrollTrigger, HTML, CSS, Javascript!

css gsap html javascript scroll scrolling scrolltrigger

Last synced: 26 Feb 2025

https://github.com/kalmonj/urlshortening

Landing page using Nextjs v13 features, bonus: gsap scroll animation

gsap nextjs scrolltrigger

Last synced: 26 Feb 2025

https://github.com/faridvatani/text-scroll-animation

This project is a text scroll animation implemented in JavaScript, Gsap, HTML, and CSS.

css gsap html javascript js scrolltrigger

Last synced: 20 Nov 2025

https://github.com/montakr/brandbeet

css gsap html javascript lenis react scrolltrigger styled-components

Last synced: 20 Feb 2025

https://github.com/rohitumbare/rejouice

Rejouice is a visually striking and interactive web experience designed to push the boundaries of grid layouts and modern web animations. Built with HTML, CSS, and JavaScript, this project integrates cutting-edge tools like GSAP and Locomotive Scroll to create a highly engaging and responsive website.

grid-layout gsap locomotive-scroll preloader responsive-design scrolltrigger

Last synced: 01 Apr 2025

https://github.com/askomarov/three-hero-slider

canvas gsap scrolltrigger

Last synced: 19 Feb 2025

https://github.com/prashantkoirala465/interactive-hero-canvas-animation

A sophisticated, frame-by-frame animation system for the Doze Studio website, featuring scroll-triggered animations and professional-grade JavaScript architecture.

animation awwwards-app-replica awwwards-inspired css gsapp html5 javascript scrolltrigger smooth smooth-animations tailwincss