gsap

There are 37 repositories under gsap topic.

GSAP
greensock / GSAP
GSAP (GreenSock Animation Platform), a JavaScript animation library for the modern web
animation gsap javascript javascript-library scroll
Language:JavaScript 23228
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.
gsap reactjs threejs
Language:JavaScript 1593
faahim / happy-birthday
Wish your friend/loved-ones happy birthday in a nerdy way.
birthday friend wish greetings animations gsap gift
Language:JavaScript 1447
basementstudio / scrollytelling
A library for creating Scrollytelling animations, powered by React & GSAP.
animations basement gsap library react scrollytelling
Language:TypeScript 1312
adrianhajdin / award-winning-website
A step-by-step course teaching you how to build an award-winning animated website that became an Awwwards Site Of The Month.
awwwards gsap reactjs
Language:JavaScript 904
sdras / svg-workshop
Materials for SVG Essentials & Animation Course
codepen greensock gsap react svg svg-animations svg-workshop timeline
Language:HTML 839
satus
darkroomengineering / satus
Advanced Next.js App Router starter for content-driven sites
approuter boilerplate example gsap lenis nextjs react-three-fiber sanity satus starter starter-kit theatrejs three vercel
Language:TypeScript 827
spirit / spirit
🙌 Play Spirit animations on the web
animation app gsap player runtime tool
Language:JavaScript 757
comehope / front-end-daily-challenges
As of August 2021, 170+ works have been accomplished, challenge yourself each day!
css3 layout effect button loader css gsap html5 animation hover-effects d3 javascript css-images css-shapes css-animation
Language:CSS 752
EvanBacon / pillar-valley
👾A cross-platform video game built with Expo and three.js
threejs expo react-native react-navigation rematch gsap tween ios android cross-platform reactjs game tutorial react-native-web website app
Language:TypeScript 742
Mamboleoo / DecorativeBackgrounds
A collection of decorative animated background shapes powered by WebGL and TweenMax
animation gsap javascript tweenmax webdesign webgl
Language:HTML 617
MattSurabian / DuckHunt-JS
DuckHunt ported to JS and HTML5
pixijs game audio tweening gsap javascript duck-hunt canvas webgl
Language:JavaScript 616
iuridepaula / portfolio
Personal portfolio (2018)
animation css-animations gsap scrollmagic storytelling svg vue
Language:Vue 588
z2586300277 / three-editor
Three.js Editor Cores 一个基于three.js 的低代码内核 -- star -- 点星星
datgui gsap javascript npm-package threejs low-code vue3 three-editor
Language:JavaScript 466
MoncyDev / Portfolio-Website
My Portfolio Website Showcasing the website 3d interactions or experience and my work.
design gsap javascript portfolio react threejs web
Language:TypeScript 426
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.
react reactjs gsap gsap3 scrolltrigger gsap-scrolltrigger styled-components landing-page react-hooks website-template website-development beginner-project responsive nft nft-gallery
Language:JavaScript 396
ayush013 / folio
Interactive Portfolio with Next, GSAP, Tailwind, and React
portfolio-website nextjs react gsap tailwind portfolio-template
Language:TypeScript 390
devfolio
shubh73 / devfolio
👨‍🎓 An eye-catching developer Portfolio, built on NextJS, GSAP, Tailwind and React.
developer-portfolio devfolio gsap mobile-first nextjs portfolio react responsive tailwindcss vercel
Language:JavaScript 389
uix-kit
xizon / uix-kit
A free UI toolkit based on some common libraries for building beautiful responsive website, compatible with Bootstrap v5.
bootstrap wordpress front-end uikit sass html css frontend ui-components front-end-development responsive-web-design uix css3 gsap typescript bootstrap5 responsive scss static-site-generator static-site
Language:JavaScript 386
fajarghifar / happybirthday
🎉Create birthday wishes and celebrate special moments with this interactive webpage built using HTML, CSS, and JavaScript.
html css gsap js
Language:HTML 379
adeolaadeoti / adeolaadeoti-portfolio
My personal website
css frontend gsap html javascript personal-website portfolio
Language:HTML 354
afsar-dev / Nurui
🔥💯 Nur UI is a modern React and Next.js based UI component library. It streamlines front-end development with powerful features like CLI scaffolding, automatic TypeScript-to-JavaScript conversion, and live component previews by v0.dev.
clsx lottie-react matter-js motion nextjs taliwindcss typescript cli mdx nodejs npm-package redix-ui scss three-js babel gsap zdog lodash remarkjs
Language:TypeScript 344
hypernym-studio / nuxt-gsap
GSAP module for Nuxt.
greensock gsap gsap-module javascript-animations nuxt nuxt-animations nuxt-greensock nuxt-gsap nuxt-gsap-module nuxt-module page-transitions
Language:TypeScript 309
yesiamrocks / cssanimation
Unleash dynamic web experiences with {css}animation. A lightweight, zero-JavaScript CSS animation library for developers and UI ninjas. Get pre-built effects, total control, and fast, modern motion design.
css-animations css animation web-animation transition css-hover-animation text-animation css3-animations gsap scroll-animations css-animation-library css-effects ui-animation animation-classes lightweight-css-animation zero-javascript-animation
Language:CSS 300
workeffortwaste / gsap-video-export
Expertly and easily export GreenSock (GSAP) animation to video.
animation codepen greensock gsap video
Language:JavaScript 299
ismamz / next-transition-router
Easily add animated transitions between pages using Next.js App Router and your favorite animation library.
animation app-router framer-motion gsap nextjs page-transitions page-transitions-next react router-transitions transitions view-transitions
Language:TypeScript 289
d3adrabbit / origami
Free 3D Motion Graphics
codrops gsap motion r3f threejs webgl
Language:TypeScript 265
Edil-ozi / edil-ozi
Component Library for Developers. Open Source components you can copy and paste to your apps.
components framer-motion gsap nextjs14 react tailwind typescript aceternity shadcn
Language:TypeScript 250
adrianhajdin / gsap_cocktails
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.
design gsap react react19 tailwind tailwindcss ui vite
Language:JavaScript 241
Temitayo-spec / Raft-Landing-Page
A landing page built with, Next.js, Styled-Components, GSAP and Framer-Motion 😎✨
framer-motion gsap nextjs react styled-components
Language:TypeScript 232
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.
reactjs website react webdevelopment youtube gsap styled-components parallax parallax-scrolling responsive
Language:JavaScript 224
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
Language:JavaScript 218
poeti8 / unknown-pleasures
a tiny web experiment.
audio-visualizer gsap react-three-fiber threejs webgl
Language:TypeScript 211
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-motion gsap nextjs react tailwindcss typescript
Language:TypeScript 205
paceui / ui
Animated components and design blocks crafted for smooth interaction and rich detail. Copy, customize, and create without the extra setup.
animation gsap react shadcn transitions tailwindcss nextjs reactjs
Language:TypeScript 200
Promo / scrollissimo
Javascript plugin for smooth scroll-controlled animations
scrolling animation tween greensock smooth-animations smooth-scrolling smooth smoothscroll smoothing gsap
Language:JavaScript 189

gsap

greensock / GSAP

adrianhajdin / iphone

faahim / happy-birthday

basementstudio / scrollytelling

adrianhajdin / award-winning-website

sdras / svg-workshop

darkroomengineering / satus

spirit / spirit

comehope / front-end-daily-challenges

EvanBacon / pillar-valley

Mamboleoo / DecorativeBackgrounds

MattSurabian / DuckHunt-JS

iuridepaula / portfolio

z2586300277 / three-editor

MoncyDev / Portfolio-Website

codebucks27 / The-Weirdos-NFT-Website-Starter-Code

ayush013 / folio

shubh73 / devfolio

xizon / uix-kit

fajarghifar / happybirthday

adeolaadeoti / adeolaadeoti-portfolio

afsar-dev / Nurui

hypernym-studio / nuxt-gsap

yesiamrocks / cssanimation

workeffortwaste / gsap-video-export

ismamz / next-transition-router

d3adrabbit / origami

Edil-ozi / edil-ozi

adrianhajdin / gsap_cocktails

Temitayo-spec / Raft-Landing-Page

codebucks27 / Agency-website

codebucks27 / wibe-studio

poeti8 / unknown-pleasures

victorcodess / folio-v1

paceui / ui

Promo / scrollissimo