Spline
Talk to salesStart building

Designing a 3D website with Spline and Framer

Spline 3DBeginner14 min

Hi! In this tutorial, you will learn how to create a 3D website using a 3D glass scene made in Spline and integrate it into Framer (web builder) to create and publish a fully functional website. Check Spline: https://spline.design/ Demo Site: https://healthy-others-546063.framer.app/ Follow Spline: https://instagram.com/splinetool/

What you’ll learn

  1. 0:00Introduction
  2. 0:33Creating the spheres
  3. 1:40Adding the materials
  4. 2:52Making the glass
  5. 7:50Exporting the 3D scene from Spline
  6. 8:26Importing the 3D scene into Framer
  7. 10:00Adjusting the website composition
  8. 11:30Adding Orbit on hover
  9. 12:25Final adjustments

Related tutorials

All tutorials
How to Add a Follow Interaction to a 3D Object

Spline 3DBeginner6 min

Design a Glass Cube in 3D

Spline 3DBeginner11 min

Create a 3D Scroll Animation & Integrate into Framer

Spline 3DBeginner12 min