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
BYD 3D Car Configurator
An interactive 3D configurator for the BYD Seal, Seal U, and Atto 3 — built entirely in the browser with React Three Fiber and Three.js.
Customise the car with real-time body colour swaps, upload your own decals and stickers and place them anywhere on the body, then export your exact build as a PNG — no app, no download, just a browser.
Switch between studio and sunset environments, snap to cinematic camera presets, or orbit freely around the car from any angle.
3D models sourced from Sketchfab. Built with React · React Three Fiber · Three.js · GSAP · Tailwind CSS.
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 am working with 3d websites using next js and three js
Does 3d website work properly?
LUMIO — Night Market Series 🌙✨
Meet LUMIO — a tiny cloud spirit who fell asleep inside a lantern and woke up half-light, half-fog. Now he drifts through night markets after closing time, selling bottled moonlight and forgotten dreams to anyone still wandering.
The Character 👻
LUMIO was born from a single idea: what if the last light at a night market was alive?
Round, soft, and glowing from within — LUMIO's pearlescent body carries the warmth of every lantern that ever burned through midnight. His deep indigo eyes reflect entire galaxies. His golden crescent moon never leaves his head. And those two tiny potion bottles? One holds moonlight. The other holds something he won't talk about yet. @Contra HQ @Contra
He is palm-sized, precious, and completely unbothered by the dark.
The World 🏮
LUMIO lives in the quiet hour — that magical window between when the last stall closes and when the first light of morning arrives. Empty cobblestone streets. Warm bokeh of fading lanterns. The smell of something sweet that no one can place.
He doesn't just exist in this world. He is the mood of it.
What I Built 🎨
Every asset was built to prove LUMIO could travel anywhere and stay unmistakably himself:
🔮 Hero 3D Render — Full cinematic character, glowing subsurface body, gold crescent, twin moonlight bottles. The character that started everything.
📐 Toy Turnaround Sheet — Front / Left / Right / Back / Top views. Designed like a real vinyl art toy product document. Every seam, every paint zone, every accessory detail locked down.
✋ Hand-Held Product Shot — LUMIO photographed as if he's a real physical collectible being held up at a night market. This was the image I needed to make people want to own him.
The Design System 🎨
A strict 4-color world. No exceptions:
#0D0D2B Midnight Navy — the sky he lives in
#F5F0FF Pearl White — his skin, his glow
#FFD97D Warm Gold — the moon, the magic
#C9B8FF Soft Lavender — his light on everything around him
Built With
🛠️ All visuals created entirely in Recraft Studio using V4 and V4.1 — character concepting in Exploration mode, toy turnaround with image-set consistency workflow, and the hand-held shot using photorealistic rendering.
"Every night market needs one light that never goes out." 🌙
@Recraft #Creative
App Name: GigPulse
Category: 📊 Dashboard + 🤝 Social/Community
What it does:
GigPulse is a personal freelance project tracker built for independent professionals who juggle multiple platforms. Freelancers can log their projects, track earnings per platform, monitor project status, and attach video demos of their work all in one private dashboard. The community benchmarking layer lets users see anonymized stats from other freelancers in their niche, so you always know how you stack up.
How I built on top of the AI-generated base:
Bubble AI generated the core dashboard structure and data architecture. From there, I manually engineered the video upload and playback system per project, built privacy-filtered data workflows so each user only sees their own data, added platform-specific earnings tracking with status badges, and designed a clean dark UI with collapsible video players. The AI gave me the skeleton, I built the muscles.
This is the Bubble AI-generated base after my initial prompt 'Build a freelance analytics dashboard app called "GigPulse" where
freelancers can track their gigs, proposals sent, earnings per platform,
client response rates, and monthly revenue goals. Include a community
benchmarking section where users can see anonymized stats from other
freelancers in their niche. Add user authentication, a personal stats
dashboard with charts, a goal-setting tracker, and a community feed
where freelancers share weekly wins.'
Everything you see in the final build beyond this point was manually engineered.
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
MagicPath
The canvas is infinite, and exploration is becoming the workflow. How are you using MagicPath?
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?