I Made Interactive 3D Website in 10 Minutes (Spline + Framer)

Interactive 3D websites don’t have to be complicated.

🛠 Tools I use
Spline (Use code DESIGN30 for 30% off the Professional Annual plan )
http://www.spline.design/?utm_source=social&utm_medium=instagram&utm_campaign=uxkid

Framer
https://framer.link/designely

In this video, I’m showing how I turn flat UI into interactive 3D using Spline, and then embed it straight into a Framer website — no code, just design.

This is my go-to workflow when I want a site to feel more playful, more modern, and honestly… less boring.

00:00 - 3D in Framer easy
1:20 - Turning 2D UI into interactive 3D

What you’ll see:
- Using Spline community files as a starting point
- Turning 2D UI into interactive 3D
- Adding depth, lighting, states, and interactions
- Embedding the final 3D scene into Framer



If you’ve been curious about adding 3D to your websites without touching code, this is a great place to start.

Questions? Drop them in the comments.
Like, subscribe, and I’ll see you in the next one ✌️

👋 I'm here:
https://www.instagram.com/thedesignely/
https://beacons.ai/designely

#spline #framer #3dwebsite