Transformative Web Widget: Day-Night Product VisualizationTransformative Web Widget: Day-Night Product Visualization
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
Alex's avatar
Alex Mas
• Apr 20
What is this? 🚀 An interactive web widget that lets you drag a slider to see how a product transforms under different lighting—like switching from bright daylight to a night vibe instantly.
How I built it in Fuser ⚙️
Generation: I took a base daylight photo and used AI to generate an identical nighttime version. The key was keeping every contour and detail exactly the same while only changing the light source.
The Code: I wrote a simple WebGL shader in Fuser. It takes both images and stitches them into an interactive slider controlled by the user's mouse. It’s lightweight and runs natively in any browser.
Who is this for? đź’°
E-commerce (Fashion & Beauty): Show how a dress or makeup looks in a dark club vs. daylight.
Car Dealers: Demonstrate how paint colors react to streetlights at night.
Real Estate: Instantly compare a property’s view at noon vs. sunset.
It saves brands a fortune on reshoots and gives customers the interactive confidence they need to hit "buy."
link: https://app.fuser.studio/view/3d702772-03f4-4455-bae6-27b07cbc8e7e
AI ArtFuserfusercocreate
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