https://github.com/ryana265/chai
Chai is a frontend project designed to learn and experiment with GSAP (GreenSock Animation Platform). The website uses HTML, CSS, and JavaScript to create an immersive experience with animations and interactive elements.
https://github.com/ryana265/chai
animations css gsap gsap-animation gsap-scrolltrigger html5 javascript
Last synced: 2 months ago
JSON representation
Chai is a frontend project designed to learn and experiment with GSAP (GreenSock Animation Platform). The website uses HTML, CSS, and JavaScript to create an immersive experience with animations and interactive elements.
- Host: GitHub
- URL: https://github.com/ryana265/chai
- Owner: Ryana265
- Created: 2024-08-15T15:46:51.000Z (almost 2 years ago)
- Default Branch: master
- Last Pushed: 2024-08-17T17:26:17.000Z (almost 2 years ago)
- Last Synced: 2025-06-17T22:43:03.605Z (about 1 year ago)
- Topics: animations, css, gsap, gsap-animation, gsap-scrolltrigger, html5, javascript
- Language: CSS
- Homepage: https://chaai.netlify.app/
- Size: 4.24 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Chai - A Website to Study GSAP and ScrollTrigger
### Description:
Chai is a website project designed to explore and implement GSAP (GreenSock Animation Platform) and ScrollTrigger for creating interactive and smooth scroll-based animations. The project uses HTML, CSS, JavaScript, and GSAP to build a modern, responsive, and engaging user experience. The focus is on mastering GSAP to enhance user engagement through smooth and dynamic visual effects.
## Tech Stack:
- HTML: Markup language for structuring content.
- CSS: Styling to enhance visual presentation.
- JavaScript: Provides interactivity and dynamic behavior.
- GSAP: High-performance animations.
- ScrollTrigger: GSAP plugin to trigger animations based on scroll position.
## Features:
- Smooth scrolling animations.
- Interactive elements triggered by scroll events.
- Modern, responsive design focused on user experience.
## Learning Goals:
- Gain a basic understanding of GSAP.
- Implement ScrollTrigger for scroll-based animations.
- Enhance HTML, CSS, and JavaScript skills.
## Hosted Link
You can view the live website here: https: https://chaai.netlify.app/