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
Atlas is a full-stack ecommerce platform with 3D models and 2D images of products for online shopping and product management.
Features:
• Products, 3D viewer and category management
• Search, filtering, sorting, and pagination
• Product variants and inventory
• Shopping cart and wishlist
• User authentication and accounts
• Address and order management
• Product reviews and notifications
• Admin functionality
• REST API integration
Built with React, TypeScript, Tailwind CSS, Node.js, Express.js, and MySQL.
I love this 😀
I’d load the product photo first and fetch the 3D model only when someone opens the viewer, especially on mobile. Does Atlas keep the photo usable while the model loads or if WebGL is unavailable?
Yes exactly! In Atlas, customers see the 2D product images first and the 3D model loads only when they open the 3D viewer. This helps reduce unnecessary loading and improves the initial user experience.
If WebGL is unavailable then the 2D product images remain visible so customers can still view the product.
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
Scroll → a camera flies through a watch gallery → zooms into the dial → you pick a dial colour → add to cart.
That's the homepage of AUREL, a luxury watch store I designed and built as a portfolio project. ⌚
Under the hood:
• 3D scroll story with React Three Fiber, GSAP and custom shaders
• Full shop flow: filters, product variants, cart, 4-step checkout
• Mobile CSS 3D fallback + reduced-motion layout
• Accessible, fast, and ready to plug into Shopify
Stack: React, Vite, Tailwind, Three.js, GSAP, Zustand
I'm a web developer (React · WordPress · PHP, 6+ years) looking for remote frontend or WordPress roles. Recruiters and hiring managers, my DMs are open.
#ReactJS #FrontendDeveloper #ThreeJS #OpenToWork #WebDevelopment
This is how 3D should be used in commerce — not decoration, sequence. Camera through the gallery, zoom into the dial, then the colour pick and add to cart: by the time someone chooses, they already feel like they have handled the watch. The detail that sold me on the craft is...
🚀 Saasti — Smart Automation for Growing Businesses
A modern SaaS website concept designed to turn complex automation into a simple, intuitive experience. With clean layouts, interactive workflow dashboards, vibrant accents, and clear messaging, every section highlights the power of smarter business operations.
✨ Modern SaaS UI/UX Design
⚡ AI-Powered Automation Experience
📊 Intuitive Workflow Dashboards
🎨 Clean, Conversion-Focused Layout
Designed by OrdainIT to bring innovation and usability together.
#SaaSDesign #UIDesign #UXDesign #AI #WebDesign #DashboardDesign #OrdainIT
Brilliant execution!
Designed and developed Crown Timepieces, an interactive luxury watch e-commerce platform built to showcase high-end horology products with smooth browser performance.
Key features include:
• Real-time search and instant category filtering across 100 timepiece models without page reloads.
• Interactive quick-view modal dialogs detailing watch specs, case materials, and dynamic waitlist toggles.
• Integrated media overlays including an embedded brand film player and a boutique appointment booking popup.
• Fully responsive, mobile-optimized UI styled with modern typography and sleek micro-interactions.
100 models with instant filtering and no page reloads is the right flex for luxury — nothing kills a high-end feel faster than a slow catalogue. I liked that the quick-view modal carries the real decision data (specs, case materials) instead of forcing a full page jump, and the...