Open-source alternatives to Figma Html

django-cms is a content management system built on Django for creating and managing hierarchical pages and reusable content blocks. It functions as an enterprise framework and modular page builder for organizing website layouts and managing complex digital content. The system features a frontend inline content editor that allows users to modify page titles and body content directly on the live site via an interactive toolbar. It provides a multilingual platform for translating pages and localized content across different languages, including built-in translation fallback support. Additionally

Builder is a visual content management system and design-to-code tool that transforms visual layouts into functional code for frontend frameworks. It operates as a headless visual editor, allowing for the creation and modification of site layouts through a drag-and-drop interface. The system enables the conversion of design mockups into components for React, Vue, Svelte, and Qwik applications. It decouples layout and design management from the frontend rendering engine, allowing users to update and publish content changes to live applications without redeploying the entire codebase. The plat

Superdesign is an AI-powered design platform that generates UI mockups, wireframes, and multi-page user flows from natural language prompts within a collaborative canvas environment. It functions as a design-to-code exporter, producing production-ready HTML, ZIP archives, or Shopify Liquid templates for direct implementation, and includes an OpenAPI specification importer that automatically generates API documentation and client code from schema definitions. The platform distinguishes itself through a branch-based design exploration system that creates independent design variations from a sin

Gutenberg is a block-based content management system editor for WordPress. It serves as a modular page builder and React-based content editor where website pages and posts are composed of discrete, reusable blocks rather than a single text area. The system enables visual content authoring through a modular interface used to arrange layout and media. It supports WordPress block development, allowing for the creation of custom modular elements and the extension of editor functionality through specialized plugins. The editor provides capabilities for dynamic content management and the creation

Argon Theme is a WordPress blog theme featuring a block-based page builder and a switchable dark mode interface. It includes an asynchronous page loader that utilizes browser APIs to enable animated transitions between views without full page refreshes. The theme provides a specialized discussion system that supports Markdown formatting, Ajax-driven submissions, and private whispers. It also incorporates a block-based layout system for arranging structured sections and content without relying on shortcodes. The project covers a broad range of content management and rendering capabilities, in

TinaCMS is a headless content management framework that bridges local Git-based file storage with a visual, in-context editing interface. By treating your repository as the single source of truth, it enables developers to manage content as structured data files while providing editors with a browser-based dashboard to modify website content directly within a live preview. The framework distinguishes itself by transforming local files into a unified GraphQL API, which powers both the administrative interface and the application's data retrieval layer. This architecture allows for compile-time

Mezzanine is a web-based content management system built on the Django framework. It provides a suite of tools for managing site content, pages, and hierarchical structures. The platform features a visual website editor with drag-and-drop interfaces for modifying page layouts and content without writing raw HTML. It includes a multilingual framework for translating website text into multiple languages for global audiences. The system covers a broad range of administrative and operational capabilities, including e-commerce product catalogs and transaction processing, identity management for u

VisBug is an in-browser design tool that lets you inspect, edit, and manipulate live webpage elements directly, without touching source code. It functions as a browser design inspector, providing visual controls and keyboard shortcuts for real-time style inspection, element manipulation, and device simulation. The tool offers design-tool-inspired interactions for navigating the DOM as grouped layers, enabling direct selection and editing of nested components. It includes capabilities for drag-and-drop image replacement, live style inspection with computed properties and accessibility informat

VvvebJs is a self-hosted, vanilla JavaScript library for visually assembling web pages by dragging pre-built HTML components onto a canvas. It functions as a visual HTML editor and component-based page builder that requires no build tools or external dependencies, and can be deployed on a server with PHP or Node.js backend for saving and exporting pages. The builder organizes reusable HTML components into named groups for drag-and-drop assembly, and provides visual property editing that modifies HTML attributes, CSS styles, and class names through form controls and property panels. It include

h5-Dooring is a suite of no-code tools comprising a content management system, visual page designers, and a JSON-to-HTML generator for creating mobile-optimized websites. It provides a visual page builder for constructing landing pages and interactive sites using a block-based interface, alongside a no-code form builder for creating data collection forms with integrated analysis and export tools. The system utilizes a JSON-to-page transformation process to automatically convert structured data into functional web pages. It features a dedicated designer for mobile landing pages and splash scre

Phoenix is a comprehensive web development suite that provides a browser-based code editor, an AI-powered coding assistant, and a live web previewer. It integrates a visual Markdown document editor and a web-based Git client, allowing users to write and manage HTML, CSS, and JavaScript across different devices and platforms. The environment features a visual UI design system that maps canvas manipulations directly to code and enables in-place CSS editing. It supports real-time change previews and responsive layout testing across multiple device breakpoints to verify rendering on phones, table

react-page is a browser-based visual content editor and schema-driven page builder developed with React and TypeScript. It provides a framework for creating web pages through a what-you-see-is-what-you-get interface, utilizing a responsive twelve-column grid engine for arranging elements via drag-and-drop manipulation. The system features a plugin-based architecture that allows for the integration of custom components. These components are managed through a schema-driven system that automatically generates data entry forms based on predefined property definitions, separating the rendering vie

next-mdx-remote is a rendering library for Next.js that serializes and renders MDX content from remote sources. It functions as a secure MDX compiler and remote content serializer, transforming MDX strings from external APIs or databases into a format compatible with client-side hydration. The library distinguishes itself through a secure compilation process that restricts JavaScript execution and global variable access to prevent remote code execution. It utilizes a custom component mapper to replace standard HTML elements in markdown with specific React components, allowing for dynamic cont

Framer - Design Everything

HTTrack is a website mirroring tool that downloads entire websites to a local directory, preserving the relative link structure so the site remains fully navigable without an internet connection. It operates as an HTTP website downloader and offline browsing utility, capturing static copies of remote sites for long-term offline storage and archiving. The tool includes a resumable download state machine that persists progress, allowing interrupted transfers to continue without re-fetching already retrieved files. It also features an incremental synchronization engine that compares local and re

spy-debugger is an HTTP proxy debugging tool designed for intercepting and analyzing network traffic from mobile devices, WebViews, and mobile browsers. It functions as a network packet capture tool and a remote browser inspector, allowing users to monitor HTTP and HTTPS requests wirelessly without the need for USB cables. The project distinguishes itself by using script injection to enable remote debugging. It injects JavaScript into HTTP response bodies, providing the ability to inspect HTML and CSS elements and perform live page content editing directly on the mobile screen. Additionally,

React Email Editor is a drag-and-drop visual builder for creating responsive email templates, built as a React embeddable component. It also serves as an AI-powered email designer, a collaborative email design tool, and a React component library for composing emails programmatically with JSX. The editor represents designs as structured JSON and supports multi-format rendering for email clients, web pages, and PDF. What distinguishes this editor is its deep AI integration: users can generate full email templates from natural language, rewrite text with chosen intent, produce multiple text vari

Presenton is an AI-powered presentation engine and API designed to transform natural language prompts, uploaded documents, and structured data into professional slide decks. It functions as a generation service that leverages large language models to automate the creation of outlines, slide content, and visual assets. The system is distinguished by its support for both cloud-based and self-hosted infrastructure, allowing for the integration of local language models and image generators to ensure data privacy. It implements a Model Context Protocol server, enabling external AI agents to trigge

Mautic is an open-source marketing automation platform and self-hosted CRM built with PHP. It functions as an audience manager and marketing suite designed for automating lead nurturing, designing customer journeys, and managing multi-channel campaigns on private infrastructure. The system distinguishes itself through a visual workflow engine and campaign builder that model customer journeys via conditional nodes. It incorporates a behavioral tracking engine to monitor website visitor activity, which informs lead engagement scoring to prioritize high-value prospects. The platform covers omni

This project is a website theme for Hugo designed to transform Markdown files into professional academic portfolios, including CVs and publication lists. It functions as a static site template and portfolio builder, enabling the creation of researcher profiles and technical blogs. The framework includes a specialized publication manager that automatically generates individual research pages and citations by importing BibTeX files or DOI references. It also features a dedicated LaTeX mathematics renderer to display technical notation and equations across the site. The system supports a broad

Dokploy is a self-hosted platform-as-a-service designed to simplify the deployment and management of containerized applications and databases. It provides a centralized control plane that decouples administrative management from application workloads, allowing users to oversee infrastructure across multiple server nodes through a unified web interface or a command-line tool. The platform distinguishes itself through an extensive library of pre-configured application templates, enabling the rapid deployment of databases, identity providers, and various productivity or development tools. It sup

Payload is a headless content management system and application framework that uses a code-first approach to define data schemas and administrative interfaces. By utilizing a centralized, type-safe configuration object, it automatically generates database schemas, API endpoints, and a fully customizable admin panel. The system is built on a database-agnostic architecture, allowing it to interface with various storage engines while providing a unified, type-safe API for server-side operations, REST, and GraphQL. What distinguishes Payload is its deep extensibility and developer-centric design.

Webstudio is a visual CMS and website builder that provides a visual development environment for designing and publishing websites. It functions as an AI-powered design tool, a REST and GraphQL API client, and an atomic CSS compiler. The platform distinguishes itself through generative AI capabilities for creating layout variants and refining visual styles from text prompts. It integrates a headless CMS workflow that maps external data sources to visual components and utilizes a specialized compiler to convert design tokens into deduplicated atomic CSS for optimized page load speeds. The sys

Flowbite is a cross-framework UI library and design system built as a collection of pre-styled components and layout blocks using Tailwind CSS utility classes. It functions as a TypeScript UI toolkit and a general web framework for creating responsive websites and applications. The project provides a mirroring Figma design system to allow prototyping of components and variants before they are coded. It distinguishes itself through an AI-driven approach to page generation and the creation of design specifications via a command-line interface. The library covers a wide range of interactive int

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

Bootflat is a front-end component library and CSS framework extension that implements a flat-design aesthetic for web application styling. It provides a set of reusable interface elements and a mobile-first grid system to facilitate responsive web design. The project integrates design and development through a PSD-driven workflow, providing professional Photoshop component sets and curated color palettes for interface prototyping. Visual customization is handled via variable-based theme overrides for colors and fonts. The library covers a broad range of UI components, including form elements

This project is a Node.js HTTP proxy server that enables cross-domain API requests from browsers by injecting Cross-Origin Resource Sharing headers into HTTP responses. It functions as a reverse proxy gateway and header manipulator, allowing for the interception and modification of traffic between a client and a target server. The proxy provides mechanisms to bypass browser same-origin policy restrictions through automated header injection. It includes capabilities for origin-based rate limiting and request interception to control traffic flow and prevent unauthorized usage of the proxy servi