One Prompt. One Iteration. That’s all it took to vibe code this super sleek 3D orbital gallery using Three.js with Gemini 3.1 Pro in Google AI Studio. Period. Live: Code:

@threejs @GoogleAIStudio I did one similar with CSS inspired from the below post

@threejs @GoogleAIStudio Love pure CSS work, but I kinda have situationship with three.js. I prefer doing more work using it :D

@threejs @GoogleAIStudio I know it too well. Seen all your 3js works

@threejs @GoogleAIStudio This gallery is sick, the best i've seen this week!

@threejs @GoogleAIStudio Really happy reading this. Thank you so much :)

@threejs @GoogleAIStudio three.js in one prompt is the part that would've seemed impossible two years ago. 3D graphics was always one of those 'you need to really understand the math' domains. that barrier just evaporated.

@threejs @GoogleAIStudio Righttt, now thanks to AI, 3D development feels almost as easy as normal web development

@threejs @GoogleAIStudio Love this, how long did this take you to make?

@threejs @GoogleAIStudio Might not have even taken 10 minutes. It was literally one prompt and one iteration vibe creation :)

@threejs @GoogleAIStudio Cool stuff as always

@threejs @GoogleAIStudio Thank you :)

@threejs @GoogleAIStudio Isn't that an official example from react three fiber? 👀

@threejs @GoogleAIStudio Hmm, not sure. Never checked it out there. I found this design on Pinterest and used it as inspiration to develop it with AI :)

@threejs @GoogleAIStudio

@threejs @GoogleAIStudio Feels like AI actually made a more perfect ring gallery than this :D Nevertheless, it’s really cool. I’ll try vibe coding that exact same scroll effect with a perfect ring shape.

@threejs @GoogleAIStudio oh wow, it runs really quick and smooth

@threejs @GoogleAIStudio Yess, works perfectly on any devices :)

@threejs @GoogleAIStudio Nice

@threejs @GoogleAIStudio Thank youu :)

@Scobleizer @threejs @GoogleAIStudio What are the images in the gallery from?

@Scobleizer @threejs @GoogleAIStudio Picsum photos. It's random seeding :)

@threejs @GoogleAIStudio That's amazing!

@threejs @GoogleAIStudio What was the prompt ? And the iteration ?

@threejs @GoogleAIStudio @pejaques_

@threejs @GoogleAIStudio How easy is it to ship this to a client website?

@threejs @GoogleAIStudio That depends on how you define ‘easy,’ but for me it’s pretty much plug and play. Super easy :)

@threejs @GoogleAIStudio Cool, and how much would you charge to create this 3d gallery experience and launch on the website for a client?

@threejs @GoogleAIStudio If it's going to be exact same 3D gallery with no other requirements, maybe around $50-100. An hourly work rate value :)

@threejs @GoogleAIStudio Excellent 👌

@threejs @GoogleAIStudio Thank you so much :))

@threejs @GoogleAIStudio What prompt, Can you add it to the post or the repo if you don't mind sharing?

@threejs @GoogleAIStudio This is freaking impressive.. Can I get the permission to showcase your work in my article and on my platform, crediting you of course?

@threejs @GoogleAIStudio Musta been a hella of a prompt

@threejs @GoogleAIStudio Love it

@threejs @GoogleAIStudio any reason as to choosing Google AI studio?