GitHub topics: gsap-scrolltrigger

rishabhsharma33/gsap-cocktails

An animated cocktail recipe app built with React, TypeScript, GSAP, and Tailwind CSS for a smooth, interactive UI experience.

Language: TypeScript - Size: 22.9 MB - Last synced at: about 21 hours ago - Pushed at: about 21 hours ago - Stars: 0 - Forks: 0

MdZaferEqbal/elixir-lounge

Experience seamless, high-performance animations with our GSAP-powered website. Designed for smooth transitions, engaging interactions, and a modern, intuitive user journey that captivates at every scroll.

Language: JavaScript - Size: 25.4 MB - Last synced at: 1 day ago - Pushed at: 1 day ago - Stars: 1 - Forks: 0

Muhammad-Ahmed94/prodigy

New modern website showcasing about a game

Language: TypeScript - Size: 94.3 MB - Last synced at: 1 day ago - Pushed at: 1 day ago - Stars: 1 - Forks: 0

Jdkfhdudb/ShreyanshCoding

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

Language: HTML - Size: 23.4 KB - Last synced at: 3 days ago - Pushed at: 3 days ago - Stars: 0 - Forks: 0

PratyushPanda2005/Miyagami-studio

One of best creations with Interactive Hero Header, Service Cards, Transition between sections and many more...

Language: TypeScript - Size: 6.81 MB - Last synced at: 5 days ago - Pushed at: 5 days ago - Stars: 0 - Forks: 0

Soumya-0x000/GSAP-tutorial

Language: JavaScript - Size: 31.3 KB - Last synced at: 5 days ago - Pushed at: 5 days ago - Stars: 0 - Forks: 0

DxomaArabia/Gaming-website-clone

REDEFINE a gaming compnay website clone

Size: 1.95 KB - Last synced at: 7 days ago - Pushed at: 7 days ago - Stars: 0 - Forks: 0

Akshatjalan/devfolio

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

Language: HTML - Size: 44 MB - Last synced at: 7 days ago - Pushed at: 7 days ago - Stars: 10 - Forks: 1

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.

Language: JavaScript - Size: 15.9 MB - Last synced at: 7 days ago - Pushed at: 8 months ago - Stars: 193 - Forks: 42

msanchariii/cafe

A visually rich, coffee-themed landing page for a cafe website, built with React, Vite, and GSAP for smooth, interactive animations.

Language: JavaScript - Size: 20.6 MB - Last synced at: 7 days ago - Pushed at: 7 days ago - Stars: 0 - Forks: 0

MakCoder-2004/Ava-Abraam-Angels-Academy

A modern, SEO-friendly web application built with Next.js, TypeScript, and React. It uses Tailwind CSS and Global CSS for styling, with ESLint and PostCSS for code quality and CSS enhancements. The site includes pages for Home, About, Contact, Handmade Crafts, and Team Members, showcasing the academy’s mission, creations, and contributors.

Language: TypeScript - Size: 18 MB - Last synced at: 7 days ago - Pushed at: 9 days ago - Stars: 0 - Forks: 0

DeveloperMK07/Mayuresh_Kadale_Portfolio

✨ Designed with attention to detail to reflect my personality and developer journey.

Language: JavaScript - Size: 15.4 MB - Last synced at: 9 days ago - Pushed at: 10 days ago - Stars: 0 - Forks: 0

codrops/ScrollAnimationsGrid

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

Language: HTML - Size: 771 KB - Last synced at: 8 days ago - Pushed at: almost 3 years ago - Stars: 111 - Forks: 48

ghazthiskc19/Website-Rafa-Project

Free Website for my Friend

Language: HTML - Size: 188 MB - Last synced at: 10 days ago - Pushed at: 10 days ago - Stars: 0 - Forks: 0

Vishal-sharmak7/Promptly

Language: JavaScript - Size: 107 MB - Last synced at: 10 days ago - Pushed at: 10 days ago - Stars: 0 - Forks: 0

oxygen-updater/website

New fully-static NextJS+Preact rewrite of our website

Language: TypeScript - Size: 20.9 MB - Last synced at: 11 days ago - Pushed at: 11 days ago - Stars: 8 - Forks: 1

faycodee/Faycode-Portfolio

Explore my Faycode portfolio to discover projects that showcase my expertise in front-end and back-end development, design, and problem-solving. See how I transform ideas into impactful solutions through technology. Let’s connect and create something amazing together!

Language: JavaScript - Size: 148 MB - Last synced at: 11 days ago - Pushed at: 11 days ago - Stars: 1 - Forks: 0

Yanina-Unrein/portfolio_yaninaunrein

Portfolio personal realizado con Astro, HTML, CSS y JavaScript

Language: Astro - Size: 10.9 MB - Last synced at: 13 days ago - Pushed at: 13 days ago - Stars: 1 - Forks: 0

Jhonier1227/Dragon_Ball_History

Dragon Ball History es un proyecto web visual y educativo que recopila y presenta la historia completa del universo de Dragon Ball, desde sus orígenes hasta Dragon Ball Z. Incluye una línea de tiempo interactiva con imágenes, resúmenes de cada saga, logos representativos y animaciones suaves. Está diseñado con HTML, CSS, JavaScript, GSAP, Bootstrap

Language: HTML - Size: 34.8 MB - Last synced at: 15 days ago - Pushed at: 15 days ago - Stars: 1 - Forks: 0

nakibiqbal/Portfolio

My portfolio.

Language: JavaScript - Size: 44.7 MB - Last synced at: 15 days ago - Pushed at: 15 days ago - Stars: 0 - Forks: 0

anjapetry/awwwards-zentry

A video-heavy React.js app powered by Vite, styleds with Tailwind CSS and animated using GSAP. The project is based on the Awwwards-winning website zentry.com.

Language: JavaScript - Size: 49.1 MB - Last synced at: 16 days ago - Pushed at: 16 days ago - Stars: 0 - Forks: 0

thesiyhbrand/fanta

This is for my youtube channel tutorial.

Language: HTML - Size: 11.5 MB - Last synced at: 12 days ago - Pushed at: almost 2 years ago - Stars: 26 - Forks: 15

codrops/OnScrollLayoutFormations

Layout formations on scroll using GSAP

Language: HTML - Size: 2.67 MB - Last synced at: 6 days ago - Pushed at: 10 months ago - Stars: 82 - Forks: 18

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.

Language: JavaScript - Size: 33.8 MB - Last synced at: 17 days ago - Pushed at: 17 days ago - Stars: 0 - Forks: 0

sreenathkumar/retailer-of-watch-content

A React project focused on web animation built using ReactJs, Tailwind CSS, TypeScript, and GSAP. It demonstrates a range of features and techniques for creating interactive and visually appealing web animations.

Language: TypeScript - Size: 25.3 MB - Last synced at: 19 days ago - Pushed at: 20 days ago - Stars: 1 - Forks: 0

AgustinaMartinez/gsap-landing

Practicanding animaciones con GSAP

Language: JavaScript - Size: 2.93 KB - Last synced at: 21 days ago - Pushed at: 21 days ago - Stars: 0 - Forks: 0

Kunal-Diwakar/Zephris-Creative-Studio

A 🧠 creative studio website crafted to captivate, engage, and impress. This site isn’t just code — it’s a 💫 visual experience.

Language: CSS - Size: 10.5 MB - Last synced at: 22 days ago - Pushed at: 22 days ago - Stars: 1 - Forks: 0

Timon-D3v/website

This is the source code of my website www.timondev.com.

Language: TypeScript - Size: 35 MB - Last synced at: 23 days ago - Pushed at: 23 days ago - Stars: 1 - Forks: 0

Hetari/portfolio

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

Language: Vue - Size: 10.9 MB - Last synced at: 25 days ago - Pushed at: 25 days ago - Stars: 21 - Forks: 7

debrajhyper/marqeta

This project is a clone of Marqeta as part of the gsap animation. The project involves implementing various animations and ensuring the overall structure and performance of the website is up to standards.

Language: JavaScript - Size: 65.3 MB - Last synced at: 25 days ago - Pushed at: 26 days ago - Stars: 1 - Forks: 0

MateoGiuffra/landing-page-apple

Landing Page of Apple Airpods Pro 2 - Vanilla HTML, CSS & JS with GSAP animations

Language: HTML - Size: 30.1 MB - Last synced at: 26 days ago - Pushed at: 26 days ago - Stars: 0 - Forks: 0

sifatbro786/Nebulae

This is a demo animated agency website.

Language: JavaScript - Size: 39.3 MB - Last synced at: about 7 hours ago - Pushed at: 27 days ago - Stars: 0 - Forks: 0

rxtsel/apple-scroll-animation-gsap

Scroll animation like Apple with GSAP

Language: HTML - Size: 5.86 KB - Last synced at: 13 days ago - Pushed at: 27 days ago - Stars: 0 - Forks: 0

Joel-Shine/Women-Codebreakers-of-WW2---A-historical-website

Women Codebreakers at Bletchley Park

Language: HTML - Size: 1.57 MB - Last synced at: 28 days ago - Pushed at: 28 days ago - Stars: 0 - Forks: 0

87vinay/React-Portfolio1.0

A modern and interactive portfolio website built using ReactJS with GSAP animations for smooth transitions. Inspired by award-winning designs, it showcases my projects, skills, and experience with a clean and responsive UI. The website delivers an engaging user experience with dynamic text animations and intuitive navigation.

Language: JavaScript - Size: 3.88 MB - Last synced at: 28 days ago - Pushed at: 29 days ago - Stars: 2 - Forks: 0

themaverick27/sidcup-family-golf-web

It is a multipurpose golf facility located in Sidcup, South East London. ⛳ Playful and engaging landing page showcasing the wonders of Sidcup Family Golf for all ages. 🏌️

Language: CSS - Size: 17.5 MB - Last synced at: 30 days ago - Pushed at: about 1 month ago - Stars: 0 - Forks: 0

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.

Language: Astro - Size: 6.2 MB - Last synced at: about 1 month ago - Pushed at: about 1 month ago - Stars: 9 - Forks: 3

Crouan/Stage_SiteWeb_LesComediensDuBoisGeffray

Stage de 1ʳᵉ année de BTS SIO - J’ai eu l’opportunité de créer un site vitrine en totale autonomie, pour l’association théâtrale Les Comédiens du Bois Geffray. Mon objectif était de concevoir un site moderne et immersif, mettant en valeur l’univers de l'association.

Language: CSS - Size: 99.7 MB - Last synced at: about 1 month ago - Pushed at: about 1 month ago - Stars: 1 - Forks: 0

ektogamat/drill-webgi-tutorial

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

Language: TypeScript - Size: 4.18 MB - Last synced at: 5 days ago - Pushed at: over 2 years ago - Stars: 170 - Forks: 52

masterjaneza/portfolio

A modern, animated developer portfolio built with Tailwind CSS and GSAP. Designed to be responsive, elegant, and highly interactive, it showcases projects with smooth scroll-based animations and custom styling. Built from scratch to reflect a unique personality and developer experience—perfect for job applications, freelancing, or personal branding

Language: JavaScript - Size: 18 MB - Last synced at: 8 days ago - Pushed at: about 1 month ago - Stars: 1 - Forks: 0

nakibiqbal/Website-Sundae_Creative

Project-1 : Clone of Sundae Creative website (REACT.JS)

Language: JavaScript - Size: 3.08 MB - Last synced at: about 1 month ago - Pushed at: about 1 month ago - Stars: 0 - Forks: 0

AMARDEV07/amar.dev

Interactive Portfolio Website with HTML, CSS, javaScript, Locomotive Scroll & spline 3D

Language: HTML - Size: 47.8 MB - Last synced at: about 1 month ago - Pushed at: about 1 month ago - Stars: 0 - Forks: 0

nakibiqbal/3D_Image_Gallery_3

A visually immersive 3D image gallery where images animate along the Z-axis as you scroll, creating a dynamic perspective-driven depth effect.

Language: JavaScript - Size: 30.3 KB - Last synced at: about 1 month ago - Pushed at: about 1 month ago - Stars: 0 - Forks: 0

bilecky/next-portfolio

Language: TypeScript - Size: 15.9 MB - Last synced at: about 1 month ago - Pushed at: about 1 month ago - Stars: 0 - Forks: 0

CodingwithKunal/frontend-projects-showcase

A showcase of real-world frontend projects using HTML, CSS, JavaScript, React, APIs, animations and many more technologies.

Size: 4.32 MB - Last synced at: 12 days ago - Pushed at: about 1 month ago - Stars: 1 - Forks: 0

CodingwithKunal/frontend-practice-hub

Practice and revision hub for learning HTML, CSS, JS, React, and other frontend skills.

Size: 4.43 MB - Last synced at: about 2 months ago - Pushed at: about 2 months ago - Stars: 1 - Forks: 0

Pritam1234678/APALE

Apple Vision Pro Clone

Language: CSS - Size: 33.6 MB - Last synced at: about 2 months ago - Pushed at: about 2 months ago - Stars: 0 - Forks: 0

kundantripathi98/Product-Designer

Language: CSS - Size: 791 KB - Last synced at: about 2 months ago - Pushed at: about 2 months ago - Stars: 0 - Forks: 0

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.

Language: JavaScript - Size: 1.69 MB - Last synced at: about 1 month ago - Pushed at: 5 months ago - Stars: 378 - Forks: 221

BikoMaster6589/Personal_Portfolio

This is the repository for my personal portfolio website, showcasing my work, skills, and projects. The website is designed with a modern and clean aesthetic, featuring an animated horizontal scroll for a unique user experience.

Language: HTML - Size: 92.7 MB - Last synced at: 13 days ago - Pushed at: about 2 months ago - Stars: 1 - Forks: 0

codewithmoiz/Animated-Portfolio

Animated Portfolio

Language: JavaScript - Size: 2.75 MB - Last synced at: about 2 months ago - Pushed at: about 2 months ago - Stars: 0 - Forks: 0

bitwisegaurav/bitwisegaurav.github.io

This is my portfolio repositary

Language: SCSS - Size: 4.84 MB - Last synced at: about 2 months ago - Pushed at: about 2 months ago - Stars: 10 - Forks: 0

tharmikan/mclaren-kinetic-drive

McLaren Kinetic Drive is a sleek, scroll-animated website showcasing the cutting-edge design, engineering, and performance of McLaren cars. Designed with a modern, responsive layout and immersive animations, the site highlights McLaren’s legacy in automotive innovation through interactive visuals and dynamic storytelling.

Language: TypeScript - Size: 187 KB - Last synced at: about 2 months ago - Pushed at: about 2 months ago - Stars: 0 - Forks: 0

prag-matt-ic/pragmattic

Website with examples and snippets used in videos and articles

Language: TypeScript - Size: 25.3 MB - Last synced at: about 2 months ago - Pushed at: about 2 months ago - Stars: 6 - Forks: 5

maurodf0/glide-ai

Language: Vue - Size: 29.7 MB - Last synced at: about 2 months ago - Pushed at: about 2 months ago - Stars: 0 - Forks: 0

nakibiqbal/3D_Image_Gallery_2

A scroll-triggered 3D perspective image animation, featuring layered depth and interactive motion for a dynamic and immersive visual experience

Language: JavaScript - Size: 28.3 KB - Last synced at: about 2 months ago - Pushed at: 2 months ago - Stars: 0 - Forks: 0

ahkamboh/3D-website-megma

3D Website Megma showcases mesmerizing 3D visuals using GSAP, HTML, JS, and CSS, with interactive scrolling through Locomotive Scroll. Explore it live here

Language: JavaScript - Size: 45.1 MB - Last synced at: about 2 months ago - Pushed at: almost 2 years ago - Stars: 5 - Forks: 0

affancoder/NoHate

🛑 **nohate.in** – Say No to Communal Hate 🚫 | Hate Free speech against religion |

Language: HTML - Size: 46.7 MB - Last synced at: 2 months ago - Pushed at: 2 months ago - Stars: 0 - Forks: 0

its-shubhanshi/ShreyanshCoding

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

Language: HTML - Size: 25.4 KB - Last synced at: 2 months ago - Pushed at: 2 months ago - Stars: 0 - Forks: 0

L1pho/marketing-1

A marketing site featuring five distinct scroll animations, including hero gallery, character highlights, feature showcase, horizontal scroll, and message reveals.

Language: TypeScript - Size: 76.2 KB - Last synced at: 2 months ago - Pushed at: 2 months ago - Stars: 0 - Forks: 0

Abshar777/mocha-job-portal-frontend

Language: TypeScript - Size: 2.47 MB - Last synced at: about 2 months ago - Pushed at: 2 months ago - Stars: 2 - Forks: 0

ArifLucky1/Sundown

Sundown Studio Clone Website with Animations and Responsiveness.

Language: CSS - Size: 17.9 MB - Last synced at: 2 months ago - Pushed at: 2 months ago - Stars: 0 - Forks: 0

Developer-Zahid/clothy-clone

Clothy is a dribbble shorts clone

Language: SCSS - Size: 1.11 MB - Last synced at: 23 days ago - Pushed at: about 2 years ago - Stars: 0 - Forks: 1

TheXro/RaviYadav

Repo of my Personal Website

Language: JavaScript - Size: 389 KB - Last synced at: 2 months ago - Pushed at: 2 months ago - Stars: 3 - Forks: 0

Divyanshu-RS/Wibe-Studio

Wibe Studio is a responsive fashion website built with React and styled-components. It showcases smooth animations, scroll effects, and a modern UI for a digital fashion brand.

Language: JavaScript - Size: 15 MB - Last synced at: 2 months ago - Pushed at: 3 months ago - Stars: 0 - Forks: 0

AbhijeetDhikale007/Porfolio-react

My personal portfolio website created using React js, UnoCSS, Three.js, React Three Fiber, Matter js, lenis, and a collection of other technologies. This website showcases my skills, education, and allows users to contact me.

Language: JavaScript - Size: 113 MB - Last synced at: about 1 month ago - Pushed at: 3 months ago - Stars: 0 - Forks: 0

Shubhamsingh168/Animated-Landing-Page

Explore this visually captivating animated website using HTML, CSS, and JavaScript. Features include a smooth progress bar animation, responsive design, interactive elements, and performance optimization tips. Perfect for showcasing portfolios, products, or personal websites.

Language: HTML - Size: 368 KB - Last synced at: 3 months ago - Pushed at: 3 months ago - Stars: 0 - Forks: 0

ae1910/inflation

A responsive website informing users on what inflation is in a more simple and visual way.

Language: HTML - Size: 2.37 MB - Last synced at: 3 months ago - Pushed at: 3 months ago - Stars: 0 - Forks: 0

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.

Language: JavaScript - Size: 20.8 MB - Last synced at: 3 months ago - Pushed at: over 1 year ago - Stars: 69 - Forks: 21

zannunakiz/GSAP_porto

portofolio_gsap ins

Language: JavaScript - Size: 5.22 MB - Last synced at: 3 months ago - Pushed at: 3 months ago - Stars: 0 - Forks: 0

RanitManik/GSAP-Animations

Complete GSAP Course by Sheriyans Coding School: Animation Source Code

Language: HTML - Size: 139 KB - Last synced at: 5 days ago - Pushed at: about 1 year ago - Stars: 7 - Forks: 3

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

Language: TypeScript - Size: 10.8 MB - Last synced at: 2 months ago - Pushed at: 5 months ago - Stars: 14 - Forks: 0

sagarchaurasia176/codeanalyzerweb

Language: JavaScript - Size: 116 KB - Last synced at: about 1 month ago - Pushed at: 3 months ago - Stars: 0 - Forks: 1

Mydeli-cybrog1/frameSequenceAnimation

Scrolling Web Image / Frame Sequence Animation by Sheriyans. build using HTML5 Canvas, GSAP, and ScrollTrigger.

Size: 1.95 KB - Last synced at: 3 months ago - Pushed at: 3 months ago - Stars: 0 - Forks: 0

codebucks27/Smooth-Scroll-Next.js

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

Language: JavaScript - Size: 162 KB - Last synced at: 3 months ago - Pushed at: 8 months ago - Stars: 54 - Forks: 6

YoungSong99/portfolio-website

headstarter wk1

Language: CSS - Size: 2.16 MB - Last synced at: 12 days ago - Pushed at: 3 months ago - Stars: 0 - Forks: 0

se-madhusudan/gsap-training

gsap demo web page

Language: CSS - Size: 2.82 MB - Last synced at: 3 months ago - Pushed at: 3 months ago - Stars: 0 - Forks: 0

benoitdelorme/nuxt3-lenis

✨ Nuxt 3 wrapper for Lenis

Language: Vue - Size: 45.9 KB - Last synced at: 23 days ago - Pushed at: 3 months ago - Stars: 16 - Forks: 3

33Frok1e/awwward-winning-website

It is a Award Winning Website using React, Tailwind css and GSAP with awesome animation and modern design and its a specific clone of https://zentry.com/ and they have build awesome website and I am trying to clone their web to enhance my frontend skills

Language: JavaScript - Size: 49.9 MB - Last synced at: 3 months ago - Pushed at: 7 months ago - Stars: 1 - Forks: 0

AHMAD-JX/RobotAI-3DAnimated-Website-Template

🚀 RobotAI is a stunning Front-end template featuring mesmerizing 3D animations everywhere, creating a highly interactive experience. It boasts a modern, eye-catching design that is fully responsive, making it perfect for advanced projects and futuristic websites. 💡🎨✨ Experience a dynamic and innovative user interface! 💻🔥

Language: CSS - Size: 2.19 MB - Last synced at: 3 months ago - Pushed at: 3 months ago - Stars: 1 - Forks: 0

Sudi008/mocha-job-portal-frontend

mocha-job-portal-frontend is a front-end web application built using Mocha framework for testing job portal functionalities. It offers a user-friendly interface for job seekers to browse, apply for jobs, and manage their applications efficiently.

Size: 1000 Bytes - Last synced at: 3 months ago - Pushed at: 3 months ago - Stars: 0 - Forks: 0

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.

Language: JavaScript - Size: 23.6 MB - Last synced at: 3 months ago - Pushed at: over 1 year ago - Stars: 48 - Forks: 21