OneFrame Consumer AI Image Generation App with Full-Stack UXOneFrame Consumer AI Image Generation App with Full-Stack UX
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
I built OneFrame, a focused consumer AI image-generation product designed to turn a single reference photo into a polished visual without making users deal with complex model settings or prompt engineering.
I worked on the full product experience, including photo upload, drag-and-drop, optional text instructions, curated visual styles, adjustable transformation strength, generation states, original-vs-result comparison, variations, reuse-as-source, downloads, and a session library. On the engineering side, I also implemented server-side provider routing, secure environment-based API handling, responsive UI, validation, repository checks, and GitHub Actions CI.
The project is built with Next.js, React, TypeScript, CSS Modules, Stability AI, fal.ai, and Hugging Face integrations.
Post image
Azizxon's avatar
With provider routing, do you keep the same transformation-strength scale across providers? Otherwise switching providers could change what the same slider value means to the user.
MR's avatar
Yes. I’d keep the same transformation-strength scale for every provider. Each provider can use its own internal mapping, so values like 40% or 70% feel similar even if their APIs work differently. If a provider does not behave in a straight line, I’d use a custom curve or lookup...
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