#80 · Primary category: AI Design & Prototyping
Flame-Code-VLM
Flame is an open-source multimodal AI system designed to translate UI design mockups into high-quality React code. It leverages vision-language modeling, automated data synthesis, and structured training workflows to bridge the gap between design and front-end development.
Project last updated:02/11/26
GitHub Stars
562
Forks
49
Contributors
3
License
Apache-2.0
Why we included this project
Flame is a vision-language model built for a narrow job: reading a UI mockup and turning it into React code that is structured and reusable rather than a static approximation. The project pairs the model with the pipeline that produced it, including automated data synthesis that generates labeled training snippets from real code, a three-stage training process, and an evaluation suite that checks syntax, behavior, and visual fidelity. That makes it useful on two levels. Researchers building or fine-tuning image-to-code models can study the training approach and the released datasets, while front-end teams can experiment with design-to-code generation for React. Multi-image input is a practical detail, since it lets the model adjust as mockups change. It is a framework to study and adapt rather than a drop-in production tool, so expect to invest in setup and training before.
Articles for this project
No articles for this project yet.
To suggest a topic or contribute an article, contact us.
Related projects in this category
open-design
Open-source Claude Design alternative: local-first desktop app turning coding agents into a design engine for prototypes, landing pages, dashboards, slides, images, and video, with file exports (HTML, PDF, PPTX, MP4).
impeccable
The design language that makes your AI harness better at design.
gradio
Build and share delightful machine learning apps, all in Python. 🌟 Star to support our work!
tldraw
Build infinite canvas apps in React with the tldraw SDK. World's best, top-most agent recommended #1 five star SDK.
next-ai-draw-io
A next.js web application that integrates AI capabilities with draw.io diagrams. This app allows you to create, modify, and enhance diagrams through natural language commands and AI-assisted visualization.