Open-source alternatives to FigmaToCode

AndroidX is the official collection of Android Jetpack libraries for building Android applications. It provides a suite of backward-compatible APIs that expose modern platform features on older Android versions, ensuring consistent functionality across devices. The project is built around lifecycle-aware component architecture, with tools like ViewModel for preserving UI data across configuration changes, LiveData for lifecycle-aware data observation, and WorkManager for constraint-based background task scheduling. The project distinguishes itself through compile-time code generation and type

Figma-Context-MCP is a design-to-code automation tool that functions as a server for the Model Context Protocol. It acts as a bridge between visual design platforms and development environments, enabling large language models to access design file metadata and component properties directly. The project distinguishes itself by providing a standard-compliant interface that translates design specifications into structured data. By extracting layout and styling information, it facilitates the programmatic conversion of design tokens and component requirements into actionable code structures. Thi

Tamagui is a cross-platform user interface framework designed to build high-performance, themeable applications that share logic and styling across web and mobile environments. It functions as a comprehensive design system orchestrator, providing a collection of type-safe components that compile to optimized atomic CSS for the web and native code for mobile platforms. By utilizing a build-time compiler, the framework eliminates runtime overhead, ensuring consistent visual output and interaction behavior regardless of the target platform. The framework distinguishes itself through its advanced

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

Varlet is a Vue 3 material design component library and cross-platform UI framework. It provides a collection of reusable interface elements based on Material Design 2 and 3 standards for building responsive web applications. The library features integrated support for internationalization and multi-language content localization. It includes a theming system that utilizes CSS variables to enable dark mode, color scheme toggling, and custom branding. The toolkit is designed for server-side rendering to improve initial page load speeds and search engine optimization. It includes responsive com

Varlet is a Vue3 material design component library used to build mobile and desktop user interfaces. It provides a collection of standardized components based on Material Design 2 and 3 specifications. The framework functions as a cross-platform UI suite that adapts between mobile touch interactions and desktop environments. It includes a themable component system with customizable design variables and dark mode settings to align interfaces with specific branding. The library supports server-side rendering to improve initial page load speeds and search engine visibility. Additional capabilit

Uno is a cross-platform development framework used to build native mobile, web, desktop, and embedded applications from a single C# and XAML codebase. It provides a native UI framework that renders visual elements across different operating systems using shared layout and styling rules. The platform features a hot reload development environment that allows for the modification of code and layouts in a running application without restarting the process. It supports a dual-mode rendering system, offering a choice between a shared cross-platform canvas and native platform controls. The framewor

TDesign is an enterprise design system and cross-platform UI component library. It provides a comprehensive set of design guidelines and reusable interface elements intended for building consistent professional business applications across different operating systems and browsers. The project utilizes a design token system to centralize visual variables for colors and typography, allowing for corporate brand customization. It ensures a uniform look and feel through shared UI specifications and a centralized set of visual variables. The system includes a UI framework starter kit with command

Firefox is a cross-platform web browser engine designed to render web content, execute JavaScript, and manage secure browsing sessions. It utilizes a multi-process isolation architecture that distributes browser tasks across independent operating system processes to ensure stability and prevent site-specific failures from impacting the entire application. The engine incorporates a sandboxed execution environment to restrict web content and untrusted scripts to isolated memory compartments, enforcing security policies that prevent unauthorized access to system resources. The project distinguis

Screenshot-to-code is an AI visual frontend generator that translates images, design mockups, and screenshots into structured HTML, CSS, and Tailwind markup. It functions as a design-to-code converter that uses large language models and neural networks to transform visual elements into functional web page layouts. The tool automates the frontend design process by converting static mockups into website code, facilitating rapid UI prototyping and the generation of static website structures. It bridges the gap between visual design assets and frontend development by translating image-based layou

Flutter_map is a cross-platform UI component designed for rendering interactive, tile-based maps and geospatial data visualizations within mobile and desktop applications. It functions as a vendor-neutral library, allowing developers to display raster map imagery from diverse providers without relying on platform-specific native map software development kits. The library utilizes a pure-widget rendering approach, drawing all map components using native framework primitives to ensure consistent visual behavior across different operating systems. It supports complex geospatial data visualizatio

Flet is a cross-platform framework that enables developers to build interactive desktop, mobile, and web applications using only Python. By utilizing a declarative programming model, it allows for the construction of complex user interfaces through a hierarchical structure of components, removing the need for specialized knowledge of web-specific languages like HTML, CSS, or JavaScript. The framework distinguishes itself by offloading visual rendering to a high-performance graphics engine while maintaining application logic within a centralized server-side environment. This architecture synch

This project is a cross-platform user interface framework that maps mobile-native component primitives to standard web elements. It enables developers to build consistent applications that function across both mobile and web environments by providing a unified library of components and shared logic. The framework distinguishes itself through a specialized style engine that converts JavaScript object-based declarations into optimized, scoped CSS at runtime. It also features a responsive layout engine that implements a flexbox-based system, ensuring that interfaces adapt dynamically to differen

This is a comprehensive library of code examples and reference implementations for building cross-platform user interfaces with Flutter. The project provides a collection of demo applications and guides designed to illustrate the implementation of design patterns, animation techniques, and testing workflows. The repository features specific demonstrations for native integration, including examples of embedding modules into existing native applications, using platform channels, and bridging native code with the framework. It also serves as an animation reference, providing implementations for

flutter-go is a cross-platform UI framework and kit designed for building mobile and desktop applications using a Go backend and a Flutter frontend. It provides a communication bridge that enables Go functions to be executed from Dart code via a C-ABI foreign function interface. The project includes a Flutter UI component library and a frontend design gallery. These resources provide pre-designed interface patterns, reusable widgets, and interaction demos to assist with rapid application prototyping and consistent interface design across different operating systems. The framework covers nati

This project is a general purpose library for the .NET ecosystem, providing a collection of reusable helper methods and APIs for common programming tasks. It encompasses a UI component library for cross-platform development, a toolkit for MVVM architecture, and specialized utilities for memory management and native interoperability. The library distinguishes itself through high-performance memory abstractions, such as pooled buffers and contiguous two-dimensional memory spans, designed to reduce garbage collection pressure. It also provides native interop wrappers and bindings to facilitate d

This is a Kotlin Multiplatform UI framework for building consistent user interfaces across desktop, web, and mobile platforms using a single codebase. It functions as a declarative framework that enables the creation of shared UI components that run across multiple target environments. The project includes a cross-platform desktop toolkit for managing native window features, system notifications, and hardware acceleration. For web targets, it provides a declarative interface library and a rendering engine that executes via WebAssembly to achieve high-performance execution in browsers. The fr

Accompanist is a collection of extension libraries that provide additional functionality and specialized components for the Jetpack Compose UI framework. It serves as a toolkit for implementing common layout and system tasks that extend the core capabilities of declarative UI development on Android. The library provides specialized utilities for managing modal bottom sheet destinations and defining custom animations for screen transitions within a navigation graph. It includes tools for detecting screen folds and display features to create adaptive layouts that adjust based on window size and

gxui is an experimental Go GUI framework and cross-platform UI library used to create graphical user interfaces that run on multiple operating systems using a single codebase. The framework utilizes a WebGL web UI renderer that compiles Go application code into JavaScript to display interfaces within a web browser. It employs a cross-platform abstract interface to map UI primitives to different operating system rendering backends. The project covers the development of single-codebase application logic and the rendering of interfaces through hardware-accelerated graphics APIs.

draw-a-ui is an AI vision UI generator and sketch-to-code tool that transforms hand-drawn sketches and digital wireframes into functional HTML and CSS. It serves as a mockup-to-HTML converter that interprets user interface layouts from images to produce corresponding web markup. The system utilizes vision-capable language models to automate the transition from visual design to web code. It employs a multimodal inference loop to process canvas snapshots and natural language instructions, generating structural layouts and responsive grid systems without the need for pre-defined component templa

Material Components is a cross-platform user interface framework and design system library that provides a collection of reusable interface elements. It is built to ensure consistent visual identity and interaction patterns across diverse web and mobile environments by utilizing shared design tokens and standardized development guidelines. The project distinguishes itself through a modular architecture that allows for the independent integration or extension of individual interface components. It supports both native and cross-platform implementations, enabling developers to maintain a unifie

Motia is a cross-platform frontend framework designed for building and maintaining scalable user interfaces. It functions as a component-based library that enables developers to assemble complex application layouts using a standardized set of modular building blocks. The framework utilizes a declarative layout engine to define interface structures, ensuring consistent behavior across different operating systems and screen sizes. By employing a state-driven reconciliation process, the system automatically synchronizes visual elements with the underlying data model, while a dependency injection

This project is a cross-platform UI framework and native desktop GUI library. It provides a unified set of instructions to render native windows, forms, and layouts across different operating systems by mapping high-level instructions to the native widgets and controls of the host environment. The toolkit includes a vector graphics engine for rendering custom shapes, gradients, and high-density images using brushes and matrices. It also serves as a native dialog provider for system-level operations such as file path selection and message box alerts. The library covers a broad range of GUI co

Micro-agent is a framework for AI-driven agents focused on automated test-driven development, design-to-code conversion, and external tool orchestration. It utilizes agents that iteratively write, test, and refine source code based on natural language prompts and design files. The system transforms visual design tokens and components into type-safe, linted code by comparing live URLs against reference screenshots to ensure visual parity. It also provides a protocol for linking agents to external commerce, search, and asset management services to synchronize data and expand functional capabili

react-strict-dom is a cross-platform UI framework designed to maintain consistent styling and layout across different operating systems and web browsers. It functions as a React Native DOM polyfill and a technical bridge that enables web-standard layout and event loop models to operate within non-browser environments. The project focuses on native platform web API polyfilling to allow DOM-like traversal and layout models to function on native platforms. It integrates React Native Web to share UI logic and styles while ensuring a uniform look and behavior for interface elements across diverse

NativeBase is a comprehensive toolkit of accessible components and responsive design frameworks used to build consistent mobile and web applications. It provides a cross-platform UI component library and a React Native component framework that enable the creation of layouts across Android, iOS, and the web from a single codebase. The system is distinguished by a responsive design system that automatically adjusts layouts and global themes to fit different screen sizes and color modes. It utilizes a utility-based styling approach, allowing developers to apply visual styles directly through com