#80 · Primary category: AI Design & Prototyping

Flame-Code-VLM

ai code-generation data-synthesis deep-learning deepseek design-to-code front-end frontend frontend-development image-to-code image-to-text llm multimodal open-source react screen-to-code vision-language-model vlm vue

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