Open-source alternatives to Screenshot To Code

Alva is a code-based prototyping tool and living prototype framework used to build interactive interfaces. It functions as a component-driven design system where application concepts are realized as functional code components rather than static mockups. The project facilitates a design-to-code workflow, enabling the creation of living component documentation and the validation of frontend concepts. It allows for rapid UI prototyping by composing reusable code building blocks to test design ideas and technical implementations. The environment supports component-based UI composition and declar

Semi Design is a React UI component library and design token system used to build web application frontends. It provides a collection of pre-built interface elements and a framework of visual constants to maintain consistent branding across a product. The project features a design-to-code workflow that converts visual design drafts into production-ready React code and stylesheets. It includes an internationalization framework for adapting interfaces to different languages and text layouts, as well as a web component wrapper to isolate UI elements for use in SDKs and browser plugins. The libr

pix2code is a computer vision UI parser and screenshot-to-code converter that transforms images of graphical user interfaces into functional code representations. It operates as a deep learning system that maps visual interface elements to layout instructions and syntax. The project includes a machine learning training pipeline for UI, which converts raw image data into numerical arrays to create training sets. This workflow supports training models to recognize visual interface components and map them to specific code structures. The system covers automated frontend development through the

FigmaToCode is a design-to-code converter and frontend code generator that transforms Figma design files into responsive source code. It functions as a multi-platform UI compiler, mapping visual design elements to structural constraints for web and mobile environments. The system supports multi-target syntax emission to produce code for HTML, Tailwind CSS, Flutter, and SwiftUI. It automates frontend styling by converting design system variables and visual effects into theme-consistent code across these different frameworks. The tool handles responsive UI implementation by translating design

Grounded-Segment-Anything is a suite of specialized tools for multimodal visual analysis, text-based segmentation, and generative image editing. It integrates text-to-bounding-box detection and high-precision image segmentation masks to function as a text-based image segmenter and an automated visual labeling tool. The project enables text-driven image editing by identifying objects through natural language to perform inpainting and element replacement. It further extends visual analysis into three dimensions, allowing for 3D human reconstruction and the generation of 3D bounding boxes from t

This project is a Python-based framework that functions as a generative AI agent for programmatic data analysis. It enables users to interact with structured data sources through natural language prompts, translating these requests into executable code to perform analysis, data cleaning, and visualization. By maintaining conversational context across multi-turn interactions, the system allows for iterative exploration and the building of complex data narratives. The framework distinguishes itself through a robust semantic layer and secure execution model. It maps raw datasets to descriptive m

TinyGo is a specialized compiler and development toolkit designed to bring the Go programming language to resource-constrained microcontrollers and WebAssembly environments. It provides a bare-metal runtime environment that enables high-level code execution without the need for a traditional operating system, utilizing an LLVM-based backend to generate efficient machine instructions. The project distinguishes itself through aggressive optimization techniques tailored for small hardware, including a static memory allocation strategy and whole-program dead code elimination that significantly re

GLM-4 is a large language model and fine-tuning framework designed for human-like text production, complex reasoning, and multilingual conversation. It functions as a multimodal system capable of processing high-resolution visual content and as a long-context model designed to analyze documents with a context window of up to one million tokens. The project differentiates itself through a function calling interface that enables AI agent development by connecting the model to external APIs and real-time web browsing. It includes specialized capabilities for generating functional programming cod

Narrator is an artificial intelligence system that converts real-time video feeds into natural language audio descriptions. It functions as a multimodal vision narrator and scene descriptor, using computer vision to transform environmental data from a camera into synthetic speech. The tool operates as a pipeline that captures periodic images from a feed and uses a multimodal large language model to analyze visual events. These analyses are then converted via text-to-speech synthesis into a voiceover that describes real-world activities and surroundings. The system supports automated environm

The nexa-sdk is an on-device AI SDK and multimodal inference engine designed to run large language, vision, and audio models locally on mobile and desktop hardware. It functions as a local LLM runtime and NPU acceleration framework, enabling the execution of generative and discriminative models without reliance on cloud services. The project distinguishes itself through a dedicated NPU acceleration framework that optimizes model execution on Neural Processing Units to reduce latency and power consumption. It employs hardware-agnostic backend routing to dynamically distribute computations acro

GLM-4.5 is a multimodal large language model and advanced reasoning system. It functions as an AI coding assistant, an autonomous AI agent, and a multimodal content generator capable of processing and generating text, images, audio, and video within a single unified system. The project is distinguished by its deep reasoning capabilities, utilizing chain-of-thought processing to solve complex mathematical, logical, and technical problems. It features an agentic architecture that allows for autonomous task execution, long-horizon goal planning, and the ability to interact with external tools an

Sketch-code is a deep learning web prototyping tool and image-to-HTML converter designed to transform hand-drawn website mockups into structural HTML code. It utilizes a neural network wireframe parser to recognize visual elements in sketches and map them to corresponding web layout representations. The system employs a Keras-based architecture for training and evaluating recognition models using datasets of hand-drawn wireframes and reference HTML. It decouples structural layout from visual design by allowing the injection of custom CSS layers during the compilation process. The project cov

Pinme is a full stack deployment platform and infrastructure orchestration tool. It functions as an LLM application builder that converts natural language prompts into functional web applications with automated interfaces and business logic. The platform provides a static site hosting service and a content-addressable data manager for transferring project assets between environments. It automates the provisioning of workers, databases, and domains to launch applications via a single command. The system covers cloud resource management, project lifecycle orchestration from templates, and incr

This project is an AI frontend code generator and design system framework designed to convert visual references and images into functional frontend source code. It provides a system for translating image layouts and styling into code while ensuring layout and styling accuracy. The framework includes a prompt engineering library and portable style instructions that enforce the generation of complete, production-ready source code, preventing the use of placeholders or unfinished segments. It utilizes a multi-modal feedback loop and visual-to-code mapping to maintain consistency between high-fid

Brick Design is a low-code page builder framework used to create drag-and-drop visual editors that generate production-ready layout and styling code for user interfaces. It functions as a visual layout engine and UI component orchestrator, providing the tools necessary to manage component constraints, nesting rules, and visual property configurations. The framework includes a dynamic template generator that utilizes logic rendering and expression variables to create reusable, data-driven page templates. It also operates as a multi-device design tool, offering viewport switching and adaptive s

This project is a design-to-development handoff guide and UI design audit framework. It provides a structured collection of requirements and checklists to verify that visual assets, component architectures, and technical specifications are ready for implementation. The framework focuses on standardizing web asset management through naming conventions and format verification for images, icons, and fonts. It includes specifications for responsive web design, ensuring that mobile and tablet layouts and fluid grid systems are defined for cross-device consistency. The guide covers quality assuran

Bard-API is an asynchronous Python wrapper and client for interacting with Google Gemini. It functions as a stateful conversation manager and multimodal interface, allowing users to send text and image prompts to a language model and retrieve responses. The library utilizes a cookie-based authentication system that extracts session tokens from local browser storage to authorize requests. To manage access and connectivity, it includes proxy-based request routing to bypass regional restrictions and avoid IP blocks. The project covers capabilities for multimodal AI analysis and the maintenance

Blinko is a personal knowledge management system and an LLM-powered knowledge base that enables users to capture and organize thoughts through a bi-directional knowledge graph. It functions as a RAG-enabled note-taking application and a self-hosted Markdown editor, allowing for the creation of permanent documentation and fleeting notes. The project distinguishes itself by integrating retrieval-augmented generation to provide conversational querying and AI-powered analysis of private document libraries. It supports both cloud-based and local AI model integration, enabling users to perform sema

This project provides methodologies and guides for structured prompt engineering, generative workflows, and specialized image generation strategies. It serves as a framework for optimizing inputs to large language models across coding, writing, and analysis tasks, as well as a library of techniques for controlling diffusion models. The project distinguishes itself through an AI-driven software design framework that converts business requirements into technical architectures and code using domain-driven prompting. It also implements generative AI workflow patterns that use sequential prompt pi

MiniCPM-V is a multimodal large language model and vision-language system designed for complex visual and linguistic understanding. It functions as an on-device AI model, providing the capacity to process text, images, and video as a compact neural network. The project is specifically developed as an edge AI framework, utilizing quantization and weight sharding to run on memory-constrained mobile chipsets. This allows for the deployment of multimodal intelligence directly on mobile operating systems for local inference. Its capabilities cover multimodal content analysis of high-resolution im

This project is an enterprise design system and web interface framework that provides a React component library for building consistent user experiences. It serves as a design-to-code workflow bridge, synchronizing product design tools with frontend implementation to accelerate development speed. The framework focuses on design-to-code synchronization and the construction of enterprise design systems. It enables the standardization of visual components and the composition of complex web and mobile screens using unified interface elements and layout patterns. The library implements a design-t

JSON Render is a generative user interface framework that translates structured data and natural language prompts into interactive components. It functions as a declarative engine that maps JSON schemas to native interface elements, enabling the creation of functional layouts across web, mobile, and terminal environments. The framework distinguishes itself through its ability to synthesize interfaces from artificial intelligence models, allowing for real-time iteration and incremental updates as data patches arrive. It supports a unified component registry that ensures consistent rendering ac

This repository serves as an educational resource and technical guide for developers learning to integrate large language models into software applications. It provides practical lessons and code examples focused on building systems that perform automated text generation, data analysis, and interactive chat tasks. The project functions as a framework for understanding how to connect applications to external artificial intelligence services. It covers the implementation of secure authentication, the orchestration of network requests, and the configuration of model parameters such as temperatur

Code Connect is a design system integration tool that bridges the gap between codebase component definitions and design software. It functions as a synchronization utility that surfaces production-ready code snippets and implementation details directly within design environments, establishing a single source of truth for interface elements. The tool distinguishes itself by using a schema-based, declarative approach to map code components to design assets. By parsing source code to extract component definitions and property configurations, it ensures that the code snippets displayed to designe

Feather is an open-source collection of minimal vector graphics designed on a standardized 24x24 grid for use in web and design projects. It provides a set of lightweight SVG assets intended to maintain visual consistency across digital user interfaces. The library supports visual parity between design software and production code through a dedicated design tool component library. This ensures that icons used in mockups remain consistent with the final implementation. Integration capabilities include embedding icons via inline markup, image tags, or CSS backgrounds. The project also provides

This project is a web-based user interface and multi-model API gateway for interacting with various large language model providers and local inference services. It functions as a retrieval-augmented generation chatbot for private document questioning, a manager for model fine-tuning, and an autonomous agent framework. The system distinguishes itself by integrating an autonomous assistant mode that uses web search and external tools to solve complex, multi-step tasks without manual prompting. It also features an API gateway capable of rotating multiple authentication keys to balance usage and