Scrollable Mosaic of 3D Glass Tiles with Three.js

Budget: 200 USD Deadline: 10 days

Hello Nazar,

I read through your project details for the interactive glass tiles. This is a fascinating task because the real challenge isn't just implementing a 3D effect, but making it feel tactile, performant, and truly customizable.

I've worked with MeshTransmissionMaterial from your CodeSandbox example before. The key to getting that beautiful, realistic glass look is in the fine-tuning of its properties (thickness, ior, roughness) and the lighting setup. To ensure it runs smoothly, especially on mobile, my focus would be on keeping the geometry simple and optimizing the React component to prevent unnecessary re-renders.

To show you my approach, I can quickly create a new, private CodeSandbox for you with a single, working component. I can set a custom color or text you provide. This way, you can see the quality of my code and the visual result firsthand, with no commitment required from your side.

This method is similar to how I built the interactive 3D viewer in my portfolio, which you can see live here:
https://cgma-9tyz.onrender.com
(there's an "Enter as a guest" button, so you can skip the registration process)

Let me know if you'd like me to set up that CodeSandbox for you.

Best regards,
Semetei Expand

Budget: 200 USD Deadline: 1 day

Hello. I will do it. Write, I will be glad to cooperate
Hello. I will do it. Write, I will be glad to cooperate

Budget: 300 USD Deadline: 1 day

Hello!
I am a front-end developer focused on React and Three.js, and I fully understand your task.

I have already worked with MeshTransmissionMaterial, glass effects, and I know how to implement such tiles with smooth animation, realistic refractions, and soft distortions. Your example on CodeSandbox is familiar, and I can recreate the same style, adapting it to your needs:

🔹 Clickable tiles with links
🔹 Customizable background, text, and font
🔹 Ability to insert an image inside
🔹 Responsive design and smooth-scroll mosaic
🔹 Optimization for mobile and desktop
🔹 Reusable component with props for customization

I will also ensure:
✔️ High-performance and clean code
✔️ Smooth animations without overload
✔️ Support and assistance with publishing

I can show a prototype within the first 2–3 days.

Ready to start immediately and discuss details.
Thank you for the interesting task — I look forward to working on this visually beautiful project!

Best regards,
Maria Expand

Budget: 555 USD Deadline: 5 days

Hello! 3D MASTER
I have experience working with Three.js and React — I will create a component for you with the desired interactivity, customizable parameters, and visual effects, as in the example. I will adapt it for mobile devices, make everything smooth and efficient.
Ready to discuss details and get started — write to me!

Budget: 500 USD Deadline: 10 days

3D
Hello, I understand how to implement this and have extensive experience with React. To be honest, I've worked more with Pixi.js, but if Three.js is essential, I'm confident it won't be a problem. I'd be happy to discuss the details and work with you.

Budget: 650 USD Deadline: 8 days

Hello Nazar,

3D. I have carefully reviewed your detailed project for the interactive 3D glass tile mosaic. This is an exciting front-end challenge that combines my expertise in React with the creative possibilities of Three.js.

I am confident I can deliver the customizable component you require, ensuring it meets all your specifications:

Glass Effect: I will use MeshTransmissionMaterial and custom shaders, as inspired by your example, to create the realistic translucent glass effect with subtle wobbles and distortion.
Interactivity & Customization: Each tile will be a fully interactive component with a clickable link, and easily customizable props for its text, internal image, and background color.
Performance: The animations will be optimized for smooth performance, and the entire mosaic will be fully responsive for both mobile and desktop views.
As a full-stack developer with a strong focus on high-quality front-end experiences, I can ensure the final product is not only visually impressive but also well-structured and performant. You can view my portfolio here: www.revazgoguadze.com.

I am ready to bring this engaging 3D concept to life. Expand

Budget: 450 USD Deadline: 10 days

3D
Hello
I am interested in your project, but I am not confident in treejs
Can we communicate personally
I often create webm, gif, and simple 3D models for websites for integration and interactivity

Budget: 1500 USD Deadline: 15 days

Hi!
3D MASTER.
I have rich experience in MERN and Three.js.
I wanna discuss more in private.
Thanks.