# visual-builder

AI-native open-source design editor and Figma alternative

OpenPencil is an AI-native, open-source design editor for teams that want a Figma-like canvas with source-visible code and experimental AI design workflows. It is best framed as OpenPencil by the open-pencil project, separate from the same-name ZSeven-W repo, and useful for early UI prototyping, design-to-code exploration, and open-source visual editing pilots.

Visual builder for React with headless CMS

Plasmic is a visual page builder and design tool that integrates directly into existing codebases, letting teams create and manage web pages with a Figma-like canvas while keeping production code under version control. Non-developers can ship marketing pages and CMS content, while engineers expose React components for visual editing. Supports Next.js, Gatsby, Remix, and any React framework.

Visual CMS and headless page builder

Builder.io is a visual development platform that lets teams create and optimize web and mobile content using a drag-and-drop editor that integrates directly with existing codebases and tech stacks (React, Next.js, Qwik, etc.). Empowers non-technical team members to publish and update digital experiences without waiting on developers. Includes headless CMS, A/B testing, and AI-powered Visual Copilot design-to-code.

Visual AI agent builder by Ironclad

Rivet is an open-source visual AI programming environment and TypeScript library by Ironclad for building, debugging, and deploying AI agents through a node-based graph editor. Complex LLM prompt chains become visual networks with real-time data flow inspection at every node, team collaboration on agent graphs, and a TypeScript library for embedding finished graphs in any application. Transforms agent development from text-editing into visual engineering.

Workflow automation with AI nodes

Open-source agents framework by OpenAI for building production-ready AI agent applications. Provides primitives for agent creation, tool use, handoffs between agents, and guardrails. Designed to be lightweight and opinionated, offering a clear path from prototype to production with built-in tracing and debugging for complex multi-step agent workflows.

Drag-and-drop LLM flow builder

Open-source protocol for connecting AI models to external tools and data sources, created by Anthropic. Provides a standardized way for LLMs to interact with APIs, databases, and local files through a universal client-server architecture. Rapidly adopted across the AI ecosystem as the standard interface between AI assistants and the tools they need to be useful.

Open-source LLM app development platform

Open-source LLM application development platform combining a visual no-code canvas with backend capabilities for building AI workflows, RAG pipelines, and agent systems from prototype to production. Integrates hundreds of models from dozens of providers, with PDF/PPT ingestion, ReAct agents with 50+ tool integrations, and multi-step orchestration. Used by both technical and non-technical teams to ship GenAI apps like chatbots and Q&A systems.