Coded with Grok 4 – morphing 3D wireframe geometries with responsive click/tap-to-pulse animations, built with Three.js. Demo/code in reply. 👇

Demo/code: Possible applications: Interactive web experiences, generative art, music visualisation, education etc.

Wow that's amazing

This is what happens when ppl poke me

😂

This is so cool

Thanks mate 🙏

another great one Tech! i need to find the time and play with these kind of coding and visuals. do you use a template or app? im thinking of asking grok or gpt for the code and then tweak it etc? but how do you get the other options like click to create and the colors? part of the coding? would like to start (but from newbie pov)

Thanks, I don’t use any app, just Grok’s web version,and keep the code in one file html format. The best way to start is to construct a basic 3d shape. The javascript library used is Three.js so let’s say you want a 3d sphere then your initial prompt could look like “code a 3D sphere with Three.js version 162 using import map method. Code format to be a single file HTML.” From there you can even ask Grok about what effects can be added to make it further attractive or interactive.

Hey Tech, just to come back, i manged to create this very basic outcome, let me know what you think, and a newbie question; what do you use to 'video' or 'record' a couple of seconds of using the code?

Its not basic at all and is way better than my first one. If its your first try at Three.js then you did an excellent job and should keep going. I record the code's visual using macOS' native screen recorder and then use a video editor to just trim and add music. A basic video editor like that of Canva is enough.

so kind thanks for your feedback, i managed to record and then trimmed in Capcut. dont usually do coding, but you gave me that push, i need more time in the days! kind regards

@elonmusk 🤯

@elonmusk Really cool!

Crazy

This is next-level! The morphing 3D wireframes with interactive pulse animations make the geometry feel alive. Three.js keeps impressing—love seeing code and creativity come together like this.

@elonmusk This is beautiful

@elonmusk Wow that looks amazing

Love the glitter

Thanks 🙏🏼

Still trying to process the skills, you make it look easy📐

Spending enough time building these helps. They are not perfect but I try improving every day.

@StarlitBeRogue I really want to get into three.js. it's bucket list for a while but you are keeping me focused on possibilities for sure. :)

@StarlitBeRogue You should start, with AI getting better each day there is no reason you shouldn’t. And not just Three.js, anything you want to build or build with.

@_Abides_ I can’t share what i do from my personal account, but .. i am already creating.. not for art, but making some htlms visualisations with Claude and Grok, sometimes Gpt jumps in🙂 But! it’s far ( far away in another galaxy) from what you do.. 📐🤌 Yet you inspire me to do better.

@elonmusk Wow this is so cool ❤️

This is really cool

Thanks 🙏🏼

@elonmusk Holy crap. I have no idea what any of that means, but it's cool af.

@elonmusk 👏👏👏

Oh wow 🤩

Thanks mate 🙏🏼

Cool 👏

Thanks 🙏🏼

W🤩W !

Thanks 🙏🏼

Love it ❤️

Thanks

@elonmusk Wow! 🔥❤️

@elonmusk Grok is sharp

Ties Truth #9: Demos wild. Audit your build? #FusionSpark

@elonmusk Badasss

@elonmusk Truly eye pleasing

Grok is getting really good at coding

Woah😍...sukoi!!

Thanks 🙏🏼

LooX WOWderFULL

Absolutely beautiful ✨

@elonmusk Beautiful 👌👏👏

Very good work. Impressive and beautiful.

@elonmusk Neat

@elonmusk So beautiful❤