https://github.com/hellsgor/gsap-learning
Learning GSAP
https://github.com/hellsgor/gsap-learning
Last synced: about 2 months ago
JSON representation
Learning GSAP
- Host: GitHub
- URL: https://github.com/hellsgor/gsap-learning
- Owner: hellsgor
- Created: 2025-09-25T09:59:59.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2025-09-29T21:35:31.000Z (9 months ago)
- Last Synced: 2025-09-29T22:39:15.745Z (9 months ago)
- Language: TypeScript
- Homepage: https://hellsgor.github.io/gsap-learning/
- Size: 544 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# GSAP Learning
Образовательный проект для изучения библиотеки анимации GSAP с React и TypeScript.
## 🎯 О проекте
Интерактивные примеры основных методов GSAP:
- **GSAP To** - анимация в новое состояние
- **GSAP From** - анимация из нового состояния
- **GSAP FromTo** - анимация между состояниями
- **GSAP Timeline** - управление последовательностью анимаций
- **GSAP Stagger** - ступенчатые анимации
- **GSAP ScrollTrigger** - анимации по скроллу
- **GSAP Text** - анимация текста
## 🚀 Запуск
```bash
npm install
npm run dev
```
## 📦 Сборка
```bash
npm run build
npm run preview
```
## 🛠 Технологии
- React 19
- TypeScript
- GSAP 3.13
- Vite
- SCSS
## 🌐 Деплой
```bash
npm run deploy
```
Проект деплоится, с помощью пакета `gh-pages` на GitHub Pages: [gsap-learning](https://hellsgor.github.io/gsap-learning)