3D Interactive Mosaic Wall 3D Interactive Mosaic Wall is a modern, high-performance web applicati...3D Interactive Mosaic Wall 3D Interactive Mosaic Wall is a modern, high-performance web applicati...
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
3D Interactive Mosaic Wall
3D Interactive Mosaic Wall is a modern, high-performance web application built with React, Three.js (WebGL), Vite, TypeScript, and Tailwind CSS. It renders an interactive 3D mosaic gallery of user profile cards in real-time, backed by a Node.js server with a MongoDB database for persistent storage.
✨ Key Features
3D Dynamic Layouts: Transform card arrangements seamlessly between 5 geometric 3D formations: Sphere, Cylinder, Helix, Flat Wall, and Wave.
Interactive WebGL Visualizer: Real-time camera controls, rotation speed adjustment, lighting/glow effects, and particle background animations powered by Three.js.
Card Discovery & Filtering: Search cards dynamically by user name/role or filter by color themes.
Card Creation & Media Capture: Add new cards with custom image uploads or take photos directly using live webcam capture.
Persistent Storage: Newly added or liked cards are saved to a MongoDB database via a Node.js backend, ensuring data persists across sessions and devices.
Back to feed
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