UI design of professional designers converted in flutter code. Check out different folders for source code. For design credits, do check out README.md of a specific project folder.
-
Updated
Dec 14, 2023 - Dart
#
ui-to-code
Here are 9 public repositories matching this topic...
🤖 AI-powered tool that transforms UI designs into structured development blueprints
ai openai developer-tools code-generation image-analysis design-tools frontend-tools vue3 vue3-demo design-to-code ui-to-code
-
Updated
Jul 3, 2025 - Vue
Turn a UI screen recording into design data, code edits, or a runnable React scaffold. A Claude Code skill.
react ffmpeg design-tokens design-system frontend-tools video-analysis tailwindcss screen-recording vite ui-to-code anthropic ai-coding claude-code claude-code-skill
-
Updated
May 5, 2026 - Shell
Codex skill for converting UI screenshots into structured UI specs and modular code.
-
Updated
May 9, 2026
Iqlix Movie is ui Movie for ordering ticket movie, built with react native, slicing from design to code
-
Updated
Feb 18, 2024 - TypeScript
End-to-end pipeline converting UI design sketches into runnable frontend/backend code. Integrates UI analysis, prototype generation, API planning, and Vue+SpringBoot codegen.
-
Updated
Apr 3, 2025 - Python
Layout UI Editor is a powerful WYSIWYG layout builder designed to convert frontend and backend code - including HTML, CSS, JavaScript, and PHP code - into reusable, visual, draggable and configurable UI components.
jquery drag-and-drop javascript-library page-builder wysiwyg-editor html-builder responsive-layout web-dev dynamic-ui ui-builder no-code visual-editor web-app-builder layout-editor php-editor static-to-dynamic ui-to-code code-to-ui frontend-editor ui-components-builder
-
Updated
Dec 18, 2025 - JavaScript
顶级Flutter工程师，专注于像素级截图复刻。
-
Updated
Apr 20, 2026
check https://guchengxi1994.github.io/taichi_board/ and https://github.com/guchengxi1994/taichi/blob/builder/readme_taichi_board.md for details
-
Updated
Jun 17, 2022 - C++
Improve this page
Add a description, image, and links to the ui-to-code topic page so that developers can more easily learn about it.
Add this topic to your repo
To associate your repository with the ui-to-code topic, visit your repo's landing page and select "manage topics."