R3f Scroll animation

About   |   Technologies   |   Requirements   |   Starting   |   License   |   Author

🎯 About

Project for pratices animations with threejs in nextjs 😄

🚀 Technologies

The following tools were used in this project:

• React
• Next.js
• TypeScript
• Three.js
• React three fiber
• styled-components

✅ Requirements

Before starting 🏁, you need to have Git, Node and Yarn installed.

🏁 Starting

# Clone this project
$ git clone https://github.com/MyEvolution-as-a-Front-end/r3f-scroll-refraction-shaders

# Access
$ cd r3f-scroll-refraction-shaders

# Install dependencies
$ yarn

# Run the project
$ yarn start

# The server will initialize in the <http://localhost:3000>

📝 License

This project is under license from MIT. For more details, see the LICENSE file.

Made with ❤️ by João Alves

 

Back to top