Uploaded March 2024 | Updated September 2026, 2 weeks ago
In this video we will be adding a 3D model that looks like an eye, and it will follow the cursor. We are going to be using Spline to model and export and add the 3d model to a Next JS website.
Install Next JS: nextjs.org/docs/getting-started/installation
Spline: https://spline.design/
Spline package: github.com/splinetool/react-spline
CHAPTERS:
0:00 Intro
0:39 What is Spline?
1:15 Preview the 3D model in Spline
1:46 Install the Spline package to Next JS
2:30 Import the Spline package to Next JS
3:05 Adding the 3D model to the Next JS page
4:08 Testing the Next JS website
5:01 Adding CSS
5:50 Final result
In this video we will be adding a 3D model that looks like an eye, and it will follow the cursor. We are going to be using Spline to model and export and add the 3d model to a Next JS website.
Install Next JS: nextjs.org/docs/getting-started/installation
Spline: https://spline.design/
Spline package: github.com/splinetool/react-spline
CHAPTERS:
0:00 Intro
0:39 What is Spline?
1:15 Preview the 3D model in Spline
1:46 Install the Spline package to Next JS
2:30 Import the Spline package to Next JS
3:05 Adding the 3D model to the Next JS page
4:08 Testing the Next JS website
5:01 Adding CSS
5:50 Final result
