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
A Next.js UI for generating AI product images with color variations, enhanced visuals with backgrounds/scenes, and video generators for e-commerce.
Users describe a product (e.g., "a can of drink") or upload a reference photo, select up to 4 colors, and submit.
The UI calls an n8n webhook which uses Google Gemini 3.1 Flash Image to generate an image and Kling 2.6 to generate a video. Results are displayed in a gallery grid with download buttons.
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
While everyone is testing out the new Framer logo shaders, I decided to vibe-code my own Liquid Glass effect.
Focused on achieving that perfect organic "liquid" distortion. The way it handles complex shapes like the Claude logo is just… 🤌
Woah, this is great!
I just generated this custom Kajabi template in one prompt.
Here it is for you to download and look at for yourself: https://drive.google.com/file/d/1yv6_X4bSmV391WAIL4OgbYb5EtaiTz5h/view?usp=sharing
If you are interested in generating Kajabi templates with AI, let's connect.
This really separates itself from typical work in this space. There’s a distinct approach or style that makes it memorable. Was that differentiation something you planned from the beginning, or did it evolve as you worked through the process?
A product is easy to build.
A brand is what makes it unforgettable.
So I built BRANDRY!
A workflow that takes a single input—a keyboard—and expands it into a complete, premium brand system.
—
I didn’t want random outputs.
I wanted something that thinks like a design studio.
Everything starts with the input image.
I analyze:
• materials
• lighting
• form
• design language
From that, the entire brand direction is derived.
—
Then the system builds across four layers:
1. Logo:
A refined mark inspired by the product—never copied, always reinterpreted.
2. Moodboard:
Colors, textures, and visual cues extracted and elevated into a cohesive direction.
3. Brand Identity:
A dark, premium system—typography, palette, and visual language working together.
4. Website Mockup:
A cinematic presentation—displayed on devices, placed in a real environment, lit like a product ad.
And to bring everything together, I leaned heavily on the Compositor Node.
Every output is carefully layered:
• controlled lighting
• depth and shadows
• balanced composition
Then inside the Creative Code Node, I used Three.js to construct a 3D version of the product.
That added:
• real depth
• accurate lighting interaction
• natural integration into scenes
Workflow: https://app.fuser.studio/view/03af9496-bc89-4f76-a1b7-00c25c7fb513
The product doesn’t feel placed—it feels built into the frame.
…this one’s my second submission.
looks fantastic 👌
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.
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
portfolioreview
The best portfolios tell a story, not just show a grid. Share yours for feedback.
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?