gsap-scrolltrigger

There are 8 repositories under gsap-scrolltrigger topic.

• The-Weirdos-NFT-Website-Starter-Code

  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.

  reactreactjsgsapgsap3scrolltriggergsap-scrolltriggerstyled-componentslanding-pagereact-hookswebsite-templatewebsite-developmentbeginner-projectresponsivenftnft-gallery
  Language:JavaScript 396

• 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.

  fashionframer-motiongsapgsap-scrolltriggerlanding-pagelocomotive-scrollportfolioportfolio-projectreactreactjsstyled-componentswebsitewebsite-template
  Language:JavaScript 218
• drill-webgi-tutorial

  ektogamat / drill-webgi-tutorial

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

  coursegsap-scrolltriggerthreejsthreejs-boilerplatethreejs-learningpixotronics
  Language:TypeScript 181

• Fullstack-Empire / GSAP-Awwwards-Website

  Ready to build a website that has won an Awwwards Site of the Day? This tutorial guides you through creating a stunning, interactive site using GSAP, ReactJS, and Tailwind CSS.

  awwwardsgsapgsap-scrolltriggerreactjstailwindcss-v4
  Language:JavaScript 147

• codrops / ScrollAnimationsGrid

  Various effects for images when scrolling a page with a grid.

  gsap-scrolltriggerlenisscrolling
  Language:HTML 115

• DmitriNaumov / Paralax-effect-with-gsap-scrolltrigger

  Demo

  css3gsapgsap-animationgsap-librarygsap-plugingsap-scrolltriggerhtml5javascriptjqueryparallaxrevealscrolltrigger
  Language:JavaScript 99

• codrops / OnScrollLayoutFormations

  Layout formations on scroll using GSAP

  gsapgsap-scrolltrigger
  Language:HTML 96

• 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.

  reactreactjsstyled-componentsframer-motiongsaplocomotive-scrollgsap-scrolltriggerlanding-pagewebsitewebsite-templatefashionportfolioportfolio-project
  Language:JavaScript 80
• Captions-AI

  issam-seghir / Captions-AI

  Captions AI Landing page Clone with Gsap/lotties animations

  gsapgsap-animationgsap-scrolltriggergsap3htmlhtml-css-javascriptjslandinglanding-pagelottielottie-animationlottie-webpostcsssassscroll-animationsvite
  Language:HTML 63

• codebucks27 / Smooth-Scroll-Next.js

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

  gsapgsap-scrolltriggergsap3lenisnextjsparallaxparallax-effectparallax-scrollingsmooth-scrollsmooth-scrolling
  Language:JavaScript 60

• HuXn-WebDev / JS-Animations-With-GSAP

  Master JavaScript Animations With GSAP [ One Project ] 💙

  animations-cssgreensockgsapgsap-animationgsap-plugingsap-scrolltriggerjavascriptjavascript-animations
  Language:HTML 57
• Apple-iphone-3d-landing-page-starter-Code

  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-csscreative-codinggsapgsap-scrolltriggerjavascriptlanding-pagereactreactjsrendering-3d-graphicsscrolltriggerstyled-componentsthreejswebsite-template
  Language:JavaScript 50

• developermickey / Lagunitas-Website-YouTube

  Responsive Website Design Lagunitas Clone Website Technical Mickey YouTube

  animated-websitecodingfrontend-web-developmentgsapgsap-scrolltriggertechnicaltechnical-mickeyweb-development-projectwebsitewebsite-designyoutubehow-to-create-websiteresponsive-website-design
  Language:CSS 44

• eazypau / portfolio-nuxt3

  Personal Portfolio Website

  nuxt3tailwindcssheadlessuiheroiconseslintprettiersassgsapgsap-scrolltriggerportfolio-website
  Language:Vue 43

• Hetari / portfolio

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

  animationcloneclone-websitegsapgsap-animationgsap-librarygsap-scrolltriggerportfolioportfolio-projectportfolio-websitetailwindtailwindcssvuevuejs
  Language:Vue 38

• codeaashu / Selemen-Clone

  It's a clone website of "https://selemen.liqium.com/"

  clone-websitefrontendprojectgithub-pagesgsapgsap-scrolltriggerhtml-css-javascriptscrolltriggerwebdevelopment
  Language:CSS 36

• Mujtabaa07 / coffeeShop

  MsCafe was founded with a simple mission: to serve the best coffee in town.with User friendly interface UI

  gsap-scrolltriggerhtml-cssjavascriptlocomotive-scrollreactjstailwind-cssopen-source
  Language:JavaScript 35

• IvanSmiths / next-gsap-scroll

  Tutorial on how to add horizontal scroll on a Next.js website using Gsap Scrolltrigger

  gsapgsap-scrolltriggernextjs
  Language:JavaScript 32

• hossensumon071 / react-immorial

  This repository contains the code for our stunning photography website built using React JS, React Router, Tailwind CSS, GSAP animation, and GSAP ScrollTrigger. The website provides a seamless browsing experience for our users, with a beautiful and responsive design that showcases our photography in the best possible way.

  reactreact-routergsap-animationgsap-scrolltriggertailwindcss
  Language:JavaScript 31

• DmitriNaumov / gsap-scroll-slider

  Demo

  slideranimationgsapgsap-scrolltriggergsap3lenislodashlodashjsscrollscrollingsmoothsmooth-scrolling
  Language:HTML 30

• thesiyhbrand / fanta

  This is for my youtube channel tutorial.

  css3gsapgsap-animationgsap-scrolltriggerhtml5javascript
  Language:HTML 29

• codeaashu / REJOUICE-CLONE

  It's a clone website of "rejouice.com"

  clone-projectclone-websitefrontengsapgsap-animationgsap-scrolltriggerhtml-css-javascriptwebdevelopment
  Language:HTML 27

• thesiyhbrand / Dennis-Snellenberg

  Project for the practice of GSAP Animation at learning phase

  awwwardscssgsapgsap-scrolltriggerhtmlhtml-css-javascriptjavascript
  Language:CSS 26

• 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

  animationgsapgsap-scrolltriggerlenisnextjsparrallaxparticlestailwindcss
  Language:TypeScript 23

• mohnishlandge / threejs-template-gsap-scrolltrigger

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

  threejsonscrollthreejs-boilerplategsapgsap-scrolltrigger
  Language:JavaScript 22
• iPhone-14-Pro-Landing-Page

  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.

  applecssgsapiphonereactjsthreejsgsap-scrolltrigger
  Language:JavaScript 22

• codeaashu / SIDCUP-FAMILY-GOLF

  Sidcup Family Golf Website Design using HTML - CSS - JS - GSAP

  golf-websitegsapgsap-scrolltriggerhtml-css-javascriptproject-repositorywebdevelopmentwebsite-design
  Language:CSS 20

• Rajacharles / GSAP-Fullscreen-Slider

  GSAP Fullscreen Slider

  gsapgsap3javascriptfullscreen-slidergsap-scrolltriggergsap-tweenmax
  Language:JavaScript 20

• CraftedByLunar / platform

  A platform made specifically for creative web developers to copy paste awesome UI components into their project, or learn how to create them on their own.

  cssgsapgsap-animationgsap-scrolltriggerhtmljsreactweb-designweb-design-and-developmentweb-developmentweb-development-tools
  Language:JavaScript 19

• dabigjoe6 / abeg-clone-gsap

  Abeg clone built with GSAP

  gsapgsap-scrolltriggergreensockcssanimation-libraryabeg
  Language:JavaScript 19

• benoitdelorme / nuxt3-lenis

  ✨ Nuxt 3 wrapper for Lenis

  gsapgsap-scrolltriggerlenisnuxt3
  Language:Vue 16
• Portfolio

  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.

  chiragchrgpersonal-websiteportfolioastrojsgsapgsap-scrolltriggerpreacttailwindcsstypescriptseo-friendlyseo-optimizationpwaresponsiveseo
  Language:Astro 14

• Adham-Niazy / Scroll-It

  A Scroll Based 3D Animation 🔥 (Using GSAP with ScrollTrigger)

  3d-websiteblender3dgsap-scrolltriggerscrolling
  Language:JavaScript 13

• Akshatjalan / devfolio

  Modern portfolio website with bento grid layout. Built with HTML, CSS, and JavaScript, and spiced up with GSAP scroll animations

  animationbentoboxcss3devfoliogsapgsap-scrolltriggerhtml-css-javascripthtml5portfolioportfolio-website
  Language:HTML 12

• Rajacharles / GSAP-Scroll-Magic-Animation

  GSAP Animation | Scroll Magic | Green Sock | Tween Max

  gsapgsap-scrolltriggerscroll-magic-scenescroll-magic-controllersscroll-magicjquerygsap-plugin
  Language:HTML 12

• Rajacharles / GSAP-Timeline-Animation

  Awesome GSAP 3.0 | GSAP Timeline Animation Library

  gsap3gsap-plugingsap-scrolltriggercss3-animationstransition-animation
  Language:CSS 12