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
Dynamic Web 3D Product Configurator
I developed an interactive 3D product configurator using the Google <model-viewer> library, providing a high-performance, app-less experience. The project showcases a custom-made Blender model optimized for the web in GLB format, ensuring fast loading times and visual fidelity.
The solution features a custom JavaScript interface that allows users to interact with the model in real-time, including:
Live Material Swapping: Dynamic base color updates using PBR (Physically Based Rendering) materials.
Real-time Scaling: Instant 1:1 or custom scale adjustments for better product perception.
Technical Stack:
3D Assets: Blender (Low-poly optimization & GLB export).
Web Tech: HTML5, CSS3, JavaScript.
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
I recently solved a significant challenge using Morphic.
one that many product owners typically depend on product designers and 3D animators to address.
With Morphic, the process is now far more accessible and efficient. By simply providing one or multiple images of a product, you can generate a high-quality exploded view that clearly illustrates how individual components come together to form the final product.
What makes this especially powerful is the level of control throughout the workflow. At every stage, you can review, refine, and correct details including labeling accuracy, ensuring a precise and polished result. Additionally, you have the flexibility to define the visual style of the final animation, tailoring it to match your brand or creative direction.
This approach not only streamlines production but also empowers creators to achieve professional grade results with minimal friction. Feel free to explore its full potential and push the boundaries of what you can create.
Here is the Link to try it out:
Good job
Hey everyone 👋
Just launched my services here and wanted to say hi.
I'm Iryna — Creative Developer based in San Sebastián. I build immersive web experiences with WebGL, Three.js and GSAP. The kind of sites that make people stop scrolling and just... stare.
What I do:
— Immersive WebGL experiences (particle systems, scroll-driven 3D, shader magic)
— Interactive landing pages with Three.js + GSAP
— 3D product showcases for brands that want to stand out
— Custom web apps & trackers
I work with AI agents to move fast without cutting corners on quality. So you get senior-level output without the senior-level wait time.
If you have a product, brand or idea that deserves more than a template — let's talk.
DM me or fill the brief directly on my site 🚀
This is incredible and amazing 🤩 😍 🤩 😍
Built an interactive WebGL hero for Runware.
- scroll-driven camera orbit around the 3D model
- exploded view with parts highlighted in brand color
- anchored connectors + annotations reveal on scroll
Want a 3D hero section like this on your site?
→ book a call today
How did you do that? 😃 Amazing~
Trending
Runway
AI video generation is exploding. What are you dreaming up in Runway?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
portfolioreview
The best portfolios tell a story, not just show a grid. Share yours for feedback.
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?