Open Source Alternatives LogoOpen Source Alternatives
AlternativesBlogAdvertise
Open Source Alternatives LogoOpen Source Alternatives

Stay Updated

Subscribe to our newsletter for the latest news and updates about Alternatives

Open Source Alternatives LogoOpen Source Alternatives

Handpicked Open Source Alternatives to Paid Softwares

Product
  • Search
  • Categories
  • Tag
  • Sign In
Resources
  • Blog
  • Collection
  • Submit
  • Advertise your tool
Company
  • Privacy Policy
  • Terms of Service
  • Refund Policy
  • Sitemap
Copyright © 2026 All Rights Reserved.
Home/Categories/Design & Creative/Handle
icon of Handle

Handle

Open source alternative to Webflow and Plasmic

Refine UI directly in the browser and feed changes to your coding agent.

34 starsTypeScriptMIT
image of Handle
Contents
  1. 01Who Handle is for

Repository

Stars
34
Forks
3
License
MIT
Latest
ext-1.0.1
Last commit
16 days ago
Last verified
May 13, 2026
Repo
tonkotsu-ai/handle ↗

Additional details

Active this month
Visit websiteGitHub repo
  • 02The problem it solves
  • 03How it solves it
  • 04Strengths and trade-offs
  • 05Install and self-host
  • 06Tech stack
  • 07FAQ
  • 08Similar open-source tools
    • TL;DR

    Handle lets frontend teams refine UI directly in the browser and send structured feedback to AI coding agents. It replaces vague prompt loops with point-and-edit feedback through a Chrome extension and MCP server.MIT · TypeScript · 34 stars · Active this month

    who it's for

    Who Handle is for#

    Frontend developers polishing generated UI

    Handle fits developers who use agents to create interfaces and need faster ways to correct visual details after the first pass.

    Skip if:

    Your frontend work is mostly backend-driven templates with little visual iteration.

    Design engineers reviewing live screens

    Handle gives design engineers a direct way to mark UI changes in the running browser and pass actionable context back to the coding agent.

    Skip if:

    Your team already completes all design changes in Figma before code starts.

    the problem

    The problem it solves#

    how Handle solves it

    How it solves it#

    Browser-based UI refinement

    Handle lets users inspect and refine elements directly inside Chrome instead of describing the target element and desired change in a prompt.

    MCP server setup

    The README documents an MCP setup command that configures supported agents with npx handle-ext@latest init.

    Multi-agent support

    Handle lists support for Claude Code, Codex, Cursor, GitHub Copilot, Windsurf, Gemini CLI, Rovo Dev, and Antigravity.

    strengths · trade-offs

    Strengths and trade-offs#

    Strengths

    • Better feedback than prompt descriptionsPointing at the UI reduces ambiguity when changing spacing, position, hierarchy, or visual polish in generated frontend code.
    • Works with existing agent toolsThe MCP approach lets Handle sit beside coding agents developers already use instead of requiring a separate design handoff system.

    Trade-offs

    • -Requires Chrome extension workflowHandle depends on installing a browser extension and MCP server, so teams with locked-down browsers or no MCP adoption may need process changes first.
    install · self-host

    Install and self-host#

    bash
    npx handle-ext@latest init
    tech stack · detected from GitHub

    What it's built on#

    Languages
    JavaScriptTypeScript
    Frameworks
    React
    frequently asked

    FAQ#

    What does Handle do?

    Handle lets users refine UI in the browser and send structured feedback to AI coding agents through a Chrome extension and MCP server.

    Which coding agents does Handle support?

    The README lists Claude Code, Codex, Cursor, GitHub Copilot, Windsurf, Gemini CLI, Rovo Dev, and Antigravity as supported agents.

    How do you set up Handle?
    also worth a look

    Similar open-source tools#

    Grav

    Grav

    Flat-file CMS for fast, self-hosted websites.

    15.5KPHPMIT
    GrapesJS

    GrapesJS

    Build drag-and-drop page editors inside your own stack.

    25.9KTypeScript
    Ycode

    Ycode

    Open source visual website builder with no-code CMS

    157TypeScriptMIT
    Puck

    Puck

    Open source drag-and-drop page editor for any React app

    12.7KTypeScriptMIT
    Webstudio

    Webstudio

    Open source website builder with visual design and CMS

    8.6KTypeScriptAGPL-3.0
    VoxCPM

    VoxCPM

    Tokenizer-free multilingual text-to-speech with voice cloning

    18.7KPythonApache-2.0
    Language
    TypeScript
    Open issues
    3
    Contributors
    2
    First release
    2026

    Categories

    Design & CreativeAI & Machine LearningDeveloper Tools

    Tags

    UI/UX DesignBrowser ExtensionAI Coding AssistantAI AgentsDeveloper ToolsCoding

    AI coding agents can build a first version of a UI, but small visual corrections are painful to describe in text. Developers end up writing long prompts about element position, spacing, copy, and hierarchy, then reviewing another generated patch that may miss the point.

    The gap is visual intent. Designers, design engineers, and frontend developers need to point at the exact element, make or describe the change in context, and give the agent feedback it can map back to code.

    The official setup starts with installing the MCP server using npx handle-ext@latest init, then installing the Handle Chrome extension.