https://github.com/nadjascodejourney/scrollr3fproject

animated scroll website with R3F and GSAP
https://github.com/nadjascodejourney/scrollr3fproject

gsap parallax-effect react-three-drei react-three-fiber scrollanimation tailwindcss threejs

Last synced: about 2 months ago
JSON representation

animated scroll website with R3F and GSAP

• Host: GitHub
• URL: https://github.com/nadjascodejourney/scrollr3fproject
• Owner: nadjascodejourney
• Created: 2024-07-04T21:14:07.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2024-07-08T09:28:15.000Z (11 months ago)
• Last Synced: 2025-02-03T19:11:53.803Z (4 months ago)
• Topics: gsap, parallax-effect, react-three-drei, react-three-fiber, scrollanimation, tailwindcss, threejs
• Language: JavaScript
• Homepage: https://scrollr3fproject.vercel.app/
• Size: 65.4 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Animated Scroll Website with React Three Fiber and GSAP

This project is a simple interactive 3D web application build for selfstudy purposes. 

My goal is to use 3D web technologies in combination with scroll-based animations to offer an immersive user experience.

Click the link in the description, to see it live!

## Project Overview

The application utilizes the following technologies:

- Vite & React: For fast development and optimized build management.

- react-three/fiber: Integration of Three.js with React for a reactive 3D rendering environment.

- react-three/drei: Extension of react-three/fiber with useful helper components (i.e.: