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
- NextJs
- SASS
- React Three Fiber
- Framer Motion
- Framer Motion 3D
- Lenis Scroll