A powerful AI image transformation web app using Mistral AI for image analysis and BFL Kontext for image generation.
- 📱 Mobile-First Design: Optimized for phone photo uploads
- 🎨 8 Diverse Transformations: Muppet, LEGO, Cartoon + 5 randomized styles
- 🔧 Real-Time Processing: Live technical metrics and progress tracking
- 🎛️ Neumorphic UI: Teenage Engineering-inspired design
- 🔄 True Randomization: Fisher-Yates shuffling for unpredictable results
- 📷 Camera Integration: Direct photo capture on mobile devices
- Frontend: Vanilla JavaScript, CSS3, HTML5
- Backend: Node.js, Express.js
- AI Models: Mistral Pixtral Large, BFL Flux Kontext Pro
- Design: Neumorphic design system
- Clone the repository
- Install dependencies:
npm install - Copy
.env.exampleto.envand add your API keys - Start development server:
npm run dev - Open http://localhost:8080
npm i -g vercel
vercelnpm i -g @railway/cli
railway login
railway deploy- Connect your GitHub repo to Render
- Uses
render.yamlfor configuration
docker build -t kontext-lab .
docker run -p 8080:8080 kontext-labMISTRAL_API_KEY: Your Mistral AI API keyBFL_API_KEY: Your Black Forest Labs API keyPORT: Server port (default: 8080)
- Mistral AI: Get your key from https://console.mistral.ai/
- BFL: Get your key from https://api.bfl.ai/
MIT License