How to Create Interactive 3D Boxes in Spline

[@rohana403]

Awesome!! Great tutorial clear instructions!

[@atkatsom8745]

Help! I cant have different material in the two states. Like they inherit from each other, always the same. It works for ever other parameters from position and (most) shape parameters.

[@Shakhnoza_Shodieva]

I have the same problem 😣. can't create different material for two states. Can anyone help?

[@tOnK666]

Do you know why matcap value change in first stage after I change it the second stage?

[@roopeshbandekar]

dude im facing the same issue

[@mcrwebdev]

Great explanation. Much appreciated!

[@misterhs5511]

This is art, magnificent

[@sudoPrivileges]

Just wow!! Three js is cool but this is much faster!!

[@good_vibes_20]

What would you say are the benefits? Sorry I'm new and learning and would love to hear more on what you think on the differences of these.

[@wata1991]

@@good_vibes_20 try coding this example and threejs and you will see for yourself

[@MikeMiller-z9o]

In the second state is it possible to change cube into circle? Trying to create a simple cube that morphs into a circle. Does not need to be interactive either.

[@Hex_html]

Awesome app! Thanks for tutorial!

[@ritucristian8688]

I try to put some text on the top of the cubes to look like keys from a keyboard and for some reason I cannot make the animation work after that. Can you make a tutorial, please?

[@Svetlana-hk3mm]

Thank you!

[@Walking_W]

why does it not allow me to move the depth layer?

[@MikeMiller-z9o]

Is it possible to morph the square into a circle?

[@evelynwagner3923]

Great, thank you! I'm trying to add text to the moved up box, can anyone help?

[@MarkosEvans]

soooo coool. Great explanation

[@paul.martens]

You had me at “zed”. 🇨🇦

[@rezmathers6387]

if it is used as a background as shown in web .... the foreground elements no longer allow the hover to affect the background in react . please reply . need help

[@splinetool]

If your website has elements on top of the 3d canvas, and you don't want these elements to interrupt your 3d hover effect, then you need the disable the pointer events on these elements (either with your web builder or via CSS).

[@nickyhopeless]

Thank you so much!

[@TalhaSheikhs-jq1sm]

Thanks❤

[@hermannrudas]

Vielen Dank !

[@amurtigro366]

thankyou so much for this guide

[@tumb1ew2ed99]

Fine!

[@____Daniel____]

WOOOOOOOOOOOOOOW

[@gg-vm1oh]

I can't even move the 3d element in the first place. I uploaded a sketchup model that I wanted to transfer to Framer, but I am very unfamiliar with this software. I'm sorry, because I really like the UI, but its management is too complicated for the software. It's not the usual simple 3d rotation, as is the case in most software. Then with one click, I distorted my 3d model, but I couldn't undo it with ctrl+Z... It is not certain that I will use this software often. The learning curve is very high.

[@MACH_SDQ]

Just like that ooooooo its worht it !!!!!!!!

[@user32352]