Skip to content

Latest commit

 

History

History
13 lines (11 loc) · 568 Bytes

README.md

File metadata and controls

13 lines (11 loc) · 568 Bytes
Raw

Summary

We often see 3d models in website, such as Apple which animate on the basis of scroll. This effect can help dramatically increase UX as it shows complete side of a product or an environment we want to show if used wisely. Here's a small demo which demonstrates Rotating Earth which is animating on scroll. Besides that, smooth scoll is also added and with that, a scroll-based animation is added

Technologies

  1. NextJs
  2. SASS
  3. React Three Fiber
  4. Framer Motion
  5. Framer Motion 3D
  6. Lenis Scroll

Live Demo

https://project-3d-earth.vercel.app/