gsap

There are 24 repositories under gsap topic.

• GSAP

  greensock / GSAP

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

  animationgsapjavascriptjavascript-libraryscroll
  Language:JavaScript 18822

• basementstudio / scrollytelling

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

  animationsgsapreactscrollytellingbasementlibrary
  Language:TypeScript 1015

• faahim / happy-birthday

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

  birthdayfriendwishgreetingsanimationsgsap
  Language:JavaScript 912

• sdras / svg-workshop

  Materials for SVG Essentials & Animation Course

  svgsvg-workshopcodepengreensockgsapsvg-animationstimelinereact
  Language:HTML 790

• spirit / spirit

  🙌 Play Spirit animations on the web

  animationapptoolgsapruntimeplayer
  Language:JavaScript 750

• comehope / front-end-daily-challenges

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

  css3layouteffectbuttonloadercssgsaphtml5animationhover-effectsd3javascriptcss-imagescss-shapescss-animation
  Language:CSS 734

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

• MattSurabian / DuckHunt-JS

  DuckHunt ported to JS and HTML5

  audiocanvasduck-huntgamegsapjavascriptpixijstweeningwebgl
  Language:JavaScript 565

• Mamboleoo / DecorativeBackgrounds

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

  webgljavascriptanimationtweenmaxgsapwebdesign
  Language:HTML 563

• iuridepaula / portfolio

  Personal portfolio (2018)

  animationcss-animationsgsapscrollmagicstorytellingsvgvue
  Language:Vue 539

• EvanBacon / pillar-valley

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

  threejsexporeact-nativereact-navigationreduxrematchgsaptweeniosandroidcross-platformreactjsgametutorialreact-native-webwebsiteappsocial-network
  Language:TypeScript 517
• 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 369
• satus

  darkroomengineering / satus

  App router Next.js starter template

  nextjslenisgsapstartersatusstorybloktheatrejsapprouterboilerplateexamplestarter-kitvercel
  Language:HTML 363

• adeolaadeoti / adeolaadeoti-portfolio

  My personal website

  cssjavascripthtmlportfoliofrontendpersonal-websitegsap
  Language:HTML 320
• 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 307

• hypernym-studio / nuxt-gsap

  GSAP module for Nuxt.

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

• ayush013 / folio

  Interactive Portfolio with Next, GSAP, Tailwind, and React

  gsapnextjsportfolio-templateportfolio-websitereacttailwind
  Language:TypeScript 242

• workeffortwaste / gsap-video-export

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

  gsapvideoanimationgreensockcodepen
  Language:JavaScript 211

• Promo / scrollissimo

  Javascript plugin for smooth scroll-controlled animations

  scrollinganimationtweengreensocksmooth-animationssmooth-scrollingsmoothsmoothscrollsmoothinggsap
  Language:JavaScript 191

• poeti8 / unknown-pleasures

  a tiny web experiment.

  audio-visualizerreact-three-fiberthreejsgsapwebgl
  Language:TypeScript 179

• codrops / PageFlipLayout

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

  cssgridlayout-animationtemplategsaptweenmax
  Language:JavaScript 170
• devfolio

  shubh73 / devfolio

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

  portfoliodevfoliogsapmobile-firstnextjsreactresponsivetailwindcssdeveloper-portfolio
  Language:JavaScript 166

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

  reactjswebsitereactwebdevelopmentyoutubegsapstyled-componentsparallaxparallax-scrollingresponsive
  Language:JavaScript 159

• ParkYoungWoong / starbucks-vanilla-app

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

  html-css-javascriptswipergsap
  Language:HTML 157

• codrops / RotatedRevealers

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

  gsapanimationdemojavascriptwebdesignprototype
  Language:JavaScript 147

• Kirilbt / bike-demo-threejs

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

  3dbikegsapthreejs
  Language:JavaScript 144
• DraggableMenu

  codrops / DraggableMenu

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

  tweenmaxgsapdraggablemenunavigationtemplatelayout
  Language:JavaScript 141

• codrops / ImageGridMotionEffect

  A motion hover effect for a background grid of images.

  layoutcssjavascriptwebdesignhovergsap
  Language:JavaScript 139

• dev-zuo / nice-func

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

  animationgsap
  Language:JavaScript 130
• portfolio-2021

  claudiabdm / portfolio-2021

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

  nuxtjsnuxtstoryblokvueportfoliofront-endgsapnetlify
  Language:Vue 112

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

• fajarghifar / happybirthday

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

  htmlcssgsapjs
  Language:HTML 102

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

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

• codrops / ThumbFullTransition

  An experimental animation where an image goes from thumbnail to full width, allowing for a classy entry to an article view.

  gsapanimationcss
  Language:JavaScript 94

• MAGGIx1404 / webgl-portfolio

  animated webgl portfolio using html,css,javascript (three js, locomotive js, gsap)....

  three-jswebgl2javascriptgsapcss3awwwardsportfolio
  Language:HTML 91