Designing a 3D website with Spline and Framer

my sphere is not moving from the center please help me out @spline

When I drag the sphere from material assets "Import or Drag & Drop" pop up will appear every time 😮

I am having trouble to keep the same effects when removing the background. It kind of darkens the glass inside

Thank Spline

Does this work for figma too? ^^

Is it possible to export a 3D asset with no background color and embed it into Framer?

If I work with a touchpad, no a mause, how can I move in the menus?

Do I need to write this part in javascript?

I WANT THIS SOUNDTRACK PLEASE

hacen tutoriales en español alejandro?

N I C E

I've never heard of Framer. Off to find out more about it.

Can I integrate the 3D design into my WIX Website?

Alejandro, eres una estrella!

Is it possible to have a mouse event that; when interacted with, opens a link or page, etc.

thanks! Is this 3d glass template free on framer? The link sends me to spline but Id like to have the template on framer

Nice

Can you make a part of the 3d model as a button? So for example can you make one of the blue spheres into a button for another page?

This tutorial was so much fun to follow along and learn thank you! ✨

Can i see a tutorial on building a simple framer-website like you have in the video?

Thank you so much! Awesome glass mat)))

😍

Can you please do spline and figma?

Can you export as a Lottie animation?

Many websites visitors have over 50% traffic from mobile. The using 2 fingers to make something move seems too gimicky on mobile.

I can see myself using this tool a lot if I can make these 3D animations scroll based or time based.

Either by exporting to Lottie or if Spline has scroll based controls built in that would be even better. (But since I’m already familiar with how to handle Lottie in Webflow it might be easier to learn for me.

How about exporting the working file as Threejs code?

How can I scale the 3d scene embeds at different breakpoints just like you? In my framer its size can be edited, but internal 3d content remains the same at different breakpoints🥺

Super nice!!!!!!!!!!!!!!!!!!

I have a problem with 3D objects. It only shows borders with transparent sides I am not finding a way to color them.

hey! cool tutorial, tnx for that!
can you please, tell me, if it's possible to make like "water drop waves effect" loop animation (on the floor) in the spline? if yes, how?

Thank you in advance

Wow! I used to think adding 3d interactive elements to a website was as hard as it seems, but after I became familiar with Spline, I was amazed how easily you can add 3d interactive objects to any website! Thank you for this video!

cool ... thanks

Great tutorial!!

Thank you. I didn't know Framer; now I will look into it.
Also, while I like Spline, I have a bit of difficulty seeing where I can use it. This is a good example of that case. I would like to see more of these practical applications. Preferable in a game engine. Although Spline looks since the latest game control addition like a game engine itself 😆

Make more videos like this. Integrate with react

is it possible to interact with Spline animations and materials within Framer?

Can you fix mouse events on Windows? When you open tutorials library files and try to interact with them, even on Chrome, the mouse events do not work.

Awesome, I'll try it in my next web project ⚡

This looks amazing! 😍

Awesome