The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
An interactive 3D web experience: a black monolith on a dead, purple planet that reacts to everything you do.
I made it to show my design team at The Small Square what's possible when designers direct AI instead of waiting on a developer. The whole piece was designed without Figma, in about 70 prompts over a few hours with Claude, and it runs live in the browser.
What I did
• Creative and art direction: the world, the mood, the light
• Interaction design: gravity, cursor play, the dive into the crack
• Sound direction: a score, alien calls and landing thuds, all generated live in code
• Built and shipped with Claude, then tuned to run smoothly on everyday laptops
What you can do in it
• Hover the monolith and gravity switches off
• Push the floating rocks around with your cursor
• Click to hold gravity, click again to drop everything
• Watch the light in the cracks follow your cursor
• Scroll into a crack until you see the crystals in the stone
Tools: Claude, three.js, GLSL shaders, Blender, Web Audio, Vercel
Live, best on a laptop with sound on:
https://the-small-square-monolith.vercel.app/
Want a launch page, product reveal or brand experience people actually remember? Let's talk.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
Infinite Games — A Playful Interactive Experiment
Check it out
Meet my little bioluminescent amoeba!
A playful experiment in character design, motion, and interactive UI.
She floats through space and lights up when you hover over her.
Such a cute and creative concept! The glow and interactive movement give this little character so much personality. ✨
i built a semi-3D interactive website with @Base44 for a Creative Production Studio, called STORM STUDIO,. that drafts 3D Digital unique experience for Brands.
STROM STUDIO specializes indesign, motion, 3D and Technology, working together to turn ambitious ideas into immersive digital experiences.
At STORM STUDIO, We create 3D visual storytelling and interactive web experiences that help brands stand out.
STORM STUDIO - https://stormstudio.base44.app
also, check it out on mobile, to get the full mobile experience
my walkthrough process will be below in my comment section
my walkthrough process
PS; if you opened the STORM STUDIO website on a Mobile phone, Shaking the phone rattles the rubik cubes like a shaken jar.
and,
on PC/DESKTOP, moving the cursor rattles the rubik cubes, also slowly scroll through the home page to have a full experience of the scroll animate effects, etc.
try it out 😊
Building a new portfolio in less than two days? Let's go! 🚀
For the Base44 Challenge, I decided to focus on something close to me... my own website. I wanted to make sure it felt fun, fresh and featured automated elements to make potential clients' lives easier and, in turn, mine.
The website features an interactive colour-changing cursor, a 3D project carousel and a personalised questionnaire that tailors the questions I ask to the specific project a client needs help with.
Client enquiries go straight to my inbox and into a private project portal, where I can review the details and keep all the information handy for follow-ups.
On top of that, I set up a project management system where I can create projects, add tasks and keep track of deadlines. It's fully customisable and easy to use.
Less admin, better briefs, and more time to focus on the creative work. 🙌
This is inspiring! Building a full portfolio in 2 days with automated elements is next level. Love the fun & fresh approach. Congrats on the submission!
