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
Hereās my submissionš
I created an interactive hero section for a skincare brand called āBaresol.ā The background visually represents the texture, thickness, and colour of different skincare products, dynamically adapting to each one.
The hero section is powered by a fully interactive WebGL shader. As you move your mouse, the surface responds in real timeādistorting into smooth 3D waves and swirls that mimic the natural flow and feel of skincare creams.
To enhance interactivity, Iāve added a controller in the bottom-left corner that lets users adjust:
Texture thickness Color saturation Flow intensity
Thereās also a āDiscover Our Productsā call-to-action that smoothly navigates users to the product section.
Check it out here: š https://omma.build/p/new-chat-5l2zw0
ā¢ 15h
Looks greatš„
Thank you! š
Process video:
Other Features:
Increasing the color saturation makes the effect look cooler, this looks very well made.
Thank you, Subhi! Yes, increasing saturation really enhances the depth and fluid feelāglad you noticed that detail š
Love the way how you can change the look and flow intensity by the controllers
Thank you Chris! š
The WebGL shader reacting to mouse movement is so satisfying ā love how the texture controls let you feel the product
Appreciate it, Stephanie! š Wanted the texture to feel alive and responsiveāglad you connected with it.š
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
Can a browser handle a full 3D Battle-Race? šļøš„
I challenged myself to build a complete 3D Game Experience 100% natively in Omma for the Buildathon! š
Whatās inside:
šø Interactive Showroom: Explore futuristic vehicles in a full 3D view.
š Progression System: Choose and unlock levels with unique environments.
āļø Dual-Mode Gameplay: Switch between Realistic Racing (AI competition) and high-octane Battle Mode (with weapon transformations!).
The goal was to push the boundaries of what's possible in web-based 3D.
š¹ļø Play the Prototype Live: https://omma.build/p/game-style-prompt-system-guide-g9k22s
Let me know your thoughts on the Battle Mode! š
ā¢ Mar 30
it would be a lot more fun if you add turning points and more visible tracks using Omma!
What if you could create a 3D interactive product just by prompting?
I built this vintage typewriter simulator using Omma.
Omma is a new vibecoding tool that lets you create interactive experiences with motion, input, and logic. Itās especially strong for 3D since itās powered by Spline.
I usually vibecode flat interfaces, so exploring something more 3D like this was really fun!
You can try the typewriter here
Watch my process details in the comments š
Join the Omma Buildathon challenge: https://on.contra.com/8PWMTp
Been testing Omma for about a week now, it's Spline's new AI tool that generates 3D scenes purely from text.
I put together a quick walkthrough showing how it works and what you can actually build with it. Still early days for the tool, but the iteration speed is incredibly compelling.
Don't forget to check out the Omma Buildathon challenge: https://on.contra.com/8PWMTp
Wow great work
Trending
Notion
Notion isnāt just where you work, itās starting to work for you. What agents are you building?
portfolioreview
The best portfolios tell a story, not just show a grid.Ā Share yours for feedback.
brandguidelines
Brand guidelines are becoming living systems, not static documents. What are you building for your clients?
aivideo
AI video tools are moving at warp speed. Which ones are you experimenting with?
freelancerlife
Freelancer life is wins, pivots, and everything in between. Whatās yours right now?