AI Design-to-Code

Screenshot-to-code, Figma-to-code, UI generation tools

Showing 1-20 of 36 projects

abi/screenshot-to-code

Converts screenshots to clean code using AI

71.8K
Active
Python
AI Design-to-Code
AI Code Generation
React
#screenshot-to-code#ai-code-generation#design-to-code

lllyasviel/Omost

An image-to-image AI tool that helps developers create and refine their designs and visuals.

7.6K
Archived
Python
Image & Video
AI Design-to-Code
Python
#image-generation#design-tools#visual-effects

threestudio-project/threestudio

A unified framework for 3D content generation, focused on AI-powered 3D creation tools.

7.0K
Archived
Jupyter Notebook
Computer Vision
AI Design-to-Code
Jupyter Notebook
#3d-generation#ai-tooling#computer-vision

superdesigndev/superdesign

An open-source AI-powered product design agent that helps developers create user interfaces using natural language.

6.1K
Stable
TypeScript
AI Design-to-Code
Component Libraries (React)
React
#ai-design#low-code#ui-generation

yisol/IDM-VTON

A diffusion model for improving virtual try-on of clothes in the wild, focused on vibe coders using AI tools.

4.9K
Experimental
Python
Computer Vision
AI App Builders
Python
#computer-vision#diffusion-model#virtual-try-on

bernaferrari/FigmaToCode

Generate responsive pages and apps on HTML, Tailwind, Flutter and SwiftUI from Figma designs.

4.8K
Active
TypeScript
Component Libraries (React)
Component Libraries (Vue/Svelte)
React
#figma#responsive#design-to-code

Dammyjay93/interface-design

A design engineering project for a consistent UI in a platform focused on AI coding tools.

3.8K
Active
Shell
Component Libraries (React)
AI Design-to-Code
React
#ui-design#react-components#ai-coding-tools

whoiskatrin/chart-gpt

An AI-powered tool that generates charts and visualizations from text input, perfect for vibe coders.

3.6K
Experimental
TypeScript
AI Design-to-Code
Charts & Visualization
React
#charts#visualization#ai-powered

Mayandev/notion-avatar

An AI-powered online tool for creating Notion-style avatars, built with Next.js and TypeScript.

3.2K
Active
TypeScript
AI Design-to-Code
Component Libraries (React)
Next.js
#ai#avatar#notion

ltdrdata/ComfyUI-Impact-Pack

A custom node pack for ComfyUI, an AI-powered image enhancement tool, focused on convenience and productivity for 'vibe coders'.

3.0K
Active
Python
Computer Vision
AI Design-to-Code
Python
#ai-tools#image-enhancement#prompt-engineering

leigest519/ScreenCoder

ScreenCoder is an AI-powered tool that converts UI screenshots into clean, editable HTML/CSS with full customization.

2.6K
Stable
Python
AI Design-to-Code
Component Libraries (React)
React
#ai-powered#design-to-code#ui-generation

kijai/ComfyUI-HunyuanVideoWrapper

A Python wrapper for the ComfyUI AI tool, enabling developers to integrate AI-powered video features.

2.6K
Stable
Python
LLM Wrappers & SDKs
Computer Vision
Python
#comfyui#ai-video#computer-vision

martin226/vibe-draw

A TypeScript library that turns rough sketches into stunning 3D worlds using AI-powered drawing tools.

2.0K
Experimental
TypeScript
AI Design-to-Code
Animation & Motion
React
#3d-modeling#ai-drawing#sketch-to-3d

imgcook/imgcook

An AI-powered design-to-code tool that generates pages from sketches or images.

1.9K
Archived
AI Design-to-Code
Component Libraries (React)
React
#design-to-code#image-processing#computer-vision

ZHO-ZHO-ZHO/Nano-Bananary

A TypeScript-based tool for generating and editing AI-generated images, including local editing and batch processing.

1.8K
Stable
TypeScript
AI Design-to-Code
Animation & Motion
React
#ai-image-generation#image-editing#animation

1038lab/ComfyUI-RMBG

A Python package that provides advanced image background removal and object/face/clothes segmentation using multiple AI models.

1.8K
Active
Python
Computer Vision
AI Design-to-Code
Python
#image-segmentation#background-removal#computer-vision

open-pencil/open-pencil

AI-native design editor with open-source Figma alternative, enabling AI-assisted design workflows.

1.7K
Active
TypeScript
AI Design-to-Code
Component Libraries (React)
TypeScript
#design-editor#ai-native#figma-alternative

bytedance/DreamO

A unified framework for image customization using AI tools, targeting vibe-focused developers.

1.7K
Stable
Python
AI Design-to-Code
Computer Vision
React
#image-editing#design-tools#ai-powered

ayojs/ayo

A fork of Node.js focused on the human experience of programming with AI tools.

1.6K
Archived
JavaScript
AI Design-to-Code
Backend Frameworks
Node.js
#ai#node.js#cli

swark-io/swark

Automatically generate architecture diagrams from code using large language models (LLMs).

1.6K
Experimental
TypeScript
AI Design-to-Code
Charts & Visualization
TypeScript
#architecture#diagram-generation#llm
2

Stay in the loop

Get weekly updates on trending AI coding tools and projects.