gsap

There are 30 repositories under gsap topic.

• GSAP

  greensock / GSAP

  GSAP (GreenSock Animation Platform), a JavaScript animation library for the modern web

  animationgsapjavascriptjavascript-libraryscroll
  Language:JavaScript 19620

• basementstudio / scrollytelling

  A library for creating Scrollytelling animations, powered by React & GSAP.

  animationsbasementgsaplibraryreactscrollytelling
  Language:TypeScript 1128

• faahim / happy-birthday

  Wish your friend/loved-ones happy birthday in a nerdy way.

  animationsbirthdayfriendgiftgreetingsgsapwish
  Language:JavaScript 1080

• adrianhajdin / iphone

  Recreate the Apple iPhone 15 Pro website, combining GSAP animations and Three.js 3D effects. From custom animations to animated 3D models, this tutorial covers it all.

  gsapreactjsthreejs
  Language:JavaScript 1053

• sdras / svg-workshop

  Materials for SVG Essentials & Animation Course

  svgsvg-workshopcodepengreensockgsapsvg-animationstimelinereact
  Language:HTML 804

• spirit / spirit

  🙌 Play Spirit animations on the web

  animationapptoolgsapruntimeplayer
  Language:JavaScript 749

• comehope / front-end-daily-challenges

  As of August 2021, 170+ works have been accomplished, challenge yourself each day!

  animationbuttoncsscss-animationcss-imagescss-shapescss3d3effectgsaphover-effectshtml5javascriptlayoutloader
  Language:CSS 735

• Mamboleoo / DecorativeBackgrounds

  A collection of decorative animated background shapes powered by WebGL and TweenMax

  webgljavascriptanimationtweenmaxgsapwebdesign
  Language:HTML 581

• MattSurabian / DuckHunt-JS

  DuckHunt ported to JS and HTML5

  pixijsgameaudiotweeninggsapjavascriptduck-huntcanvaswebgl
  Language:JavaScript 578

• iuridepaula / portfolio

  Personal portfolio (2018)

  animationcss-animationsgsapscrollmagicstorytellingsvgvue
  Language:Vue 574

• EvanBacon / pillar-valley

  👾A cross-platform video game built with Expo and three.js

  threejsexporeact-nativereact-navigationreduxrematchgsaptweeniosandroidcross-platformreactjsgametutorialreact-native-webwebsiteappsocial-network
  Language:TypeScript 548
• satus

  darkroomengineering / satus

  App router Next.js starter template

  nextjslenisgsapstartersatusstorybloktheatrejsapprouterboilerplateexamplestarter-kitvercel
  Language:JavaScript 484
• uix-kit

  xizon / uix-kit

  A free UI toolkit based on some common libraries for building beautiful responsive website, compatible with Bootstrap v5.

  bootstrapbootstrap5csscss3front-endfront-end-developmentfrontendgsaphtmlresponsiveresponsive-web-designsassscssstatic-sitestatic-site-generatortypescriptui-componentsuikituixwordpress
  Language:JavaScript 372
• 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 339

• adeolaadeoti / adeolaadeoti-portfolio

  My personal website

  cssfrontendgsaphtmljavascriptpersonal-websiteportfolio
  Language:HTML 332

• hypernym-studio / nuxt-gsap

  GSAP module for Nuxt.

  nuxtnuxt-modulegsapgsap-modulegreensocknuxt-gsap-modulenuxt-greensocknuxt-animationsjavascript-animationsnuxt-gsappage-transitions
  Language:TypeScript 292

• ayush013 / folio

  Interactive Portfolio with Next, GSAP, Tailwind, and React

  portfolio-websitenextjsreactgsaptailwindportfolio-template
  Language:TypeScript 285
• devfolio

  shubh73 / devfolio

  👨‍🎓 An eye-catching developer Portfolio, Built on NextJS, GSAP, Tailwind and React.

  portfoliodevfoliogsapmobile-firstnextjsreactresponsivetailwindcssdeveloper-portfolio
  Language:JavaScript 238

• workeffortwaste / gsap-video-export

  Expertly and easily export GreenSock (GSAP) animation to video.

  animationcodepengreensockgsapvideo
  Language:JavaScript 219

• codebucks27 / Agency-website

  Agency Landing Page. It is build on top of the React JS, with styled-components and GSAP for smooth scrolling animations. Create this awesome website in React by following the tutorial given in the readme file.

  gsapparallaxparallax-scrollingreactreactjsresponsivestyled-componentswebdevelopmentwebsiteyoutube
  Language:JavaScript 191

• poeti8 / unknown-pleasures

  a tiny web experiment.

  audio-visualizerreact-three-fiberthreejsgsapwebgl
  Language:TypeScript 189

• Promo / scrollissimo

  Javascript plugin for smooth scroll-controlled animations

  scrollinganimationtweengreensocksmooth-animationssmooth-scrollingsmoothsmoothscrollsmoothinggsap
  Language:JavaScript 189

• codrops / PageFlipLayout

  A template with a magazine-like layout and a flat page flip animation

  cssgridgsaplayout-animationtemplatetweenmax
  Language:JavaScript 170

• ParkYoungWoong / starbucks-vanilla-app

  스타벅스 랜딩 페이지(+로그인) 예제 for FastCampus

  html-css-javascriptswipergsap
  Language:HTML 158

• Kirilbt / bike-demo-threejs

  This fictive project was created to showcase my current skills using Three.js and GSAP.

  3dbikegsapthreejs
  Language:JavaScript 157

• fajarghifar / happybirthday

  🎉Create birthday wishes and celebrate special moments with this interactive webpage built using HTML, CSS, and JavaScript.

  htmlcssgsapjs
  Language:HTML 156

• codrops / RotatedRevealers

  Animated rotated overlays, or "reveal" elements for interesting page transition effects.

  gsapanimationdemojavascriptwebdesignprototype
  Language:JavaScript 149

• dev-zuo / nice-func

  尝试实现一些让人耳目一新、感觉很 nice 的网页内容、动效 http://nice.zuo11.com

  animationgsap
  Language:JavaScript 144
• DraggableMenu

  codrops / DraggableMenu

  A draggable menu that shows a thumbnail preview of an image grid

  tweenmaxgsapdraggablemenunavigationtemplatelayout
  Language:JavaScript 142

• codrops / ImageGridMotionEffect

  A motion hover effect for a background grid of images.

  cssgsaphoverjavascriptlayoutwebdesign
  Language:JavaScript 140

• d3adrabbit / origami

  Free 3D Motion Graphics

  codropsgsapmotionr3fthreejswebgl
  Language:TypeScript 140

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

• victorcodess / folio-v1

  This is a portfolio website I created to showcase my work. I’m always striving to create something unique and innovative. If you like it, be sure to give it a star.

  framer-motiongsapnextjsreacttailwindcsstypescript
  Language:TypeScript 132
• portfolio-2021

  claudiabdm / portfolio-2021

  My personal website/portfolio built with Nuxt 3 and Storyblok CMS.

  nuxtjsnuxtstoryblokvueportfoliofront-endgsapnuxt3cloudflare
  Language:Vue 120

• nuIIpointerexception / www.seekvisualartist.com

  Personal portfolio made using Next.js, React and TailwindCSS. Make sure to leave a ⭐ if you like it!

  framer-motiongsapnextjsportfolioreacttailwindcss
  Language:TypeScript 112

• AlpayC / portfolio_site

  My Portfolio website based on react, typescript and tailwind.

  framer-motiongsapportfolioportfolio-siteportfolio-websitereacttailwindcsstypescript
  Language:TypeScript 110