Ordalin
Submit a tool

Reviewed tool profile

Ilse

Click or tweak your running React app in the browser, and your own coding agent changes the code.

Sources checked

Visit website ↗
Pricing
Freemium. The local editor is free under the PolyForm Shield license, and the maker says the free part will not become paid. Ilse Pro, which adds test mode and component dragging, is on founder pre-sale for US$ 49 one-time (US$ 79 later), with 12 months of updates from Pro's launch. Official source 1 ↗
Available as
Command-line tool and MCP server that runs locally, installed with npx ilse-design@latest. · Also available as a Vite plugin, a bookmarklet and a Chrome extension. Official source 1 ↗ · Official source 2 ↗ Official source 1 ↗
Primary group
Coding & Development

Also consider

See all 6 similar tools ↓

What it does

Ilse is a visual editing layer for React apps by designer Iverson Dantas. You run it in a project you already have, and it opens the app in your browser with a toolbar on top. You click an element, adjust it in a property panel or write a note, and Ilse passes the file, line and context to the coding agent you already use, which changes the code in your repo. It does not generate apps from scratch.

Official source 1 ↗ · Official source 2 ↗

Features

  • Point and say. Click an element, select text or draw an area and write what should change. Ilse finds the file and line in the code and hands the request to your agent. Official source 1 ↗
  • Property panel. Adjust position, size, spacing, typography, colours and effects directly, using values from your project's scale and tokens. Edits that map to a Tailwind class are applied without AI. Official source 1 ↗
  • Drag, resize and duplicate. Reorder elements by dragging, move them into or out of containers and resize with handles; the agent then changes the order or styles in the source. Official source 1 ↗
  • Design system file. One command writes .ilse/ds/DESIGN.md from your code, listing your components, props, variants and tokens, so any agent can use them. Official source 1 ↗
  • Checks after each change. After each change Ilse runs your typecheck and the tests that cover it, surfaces new page errors and lets you undo the last change's files. Official source 1 ↗
  • Works with your agent. Ilse calls Claude Code, Codex, Cursor CLI or Gemini CLI on your account, or your agent pulls notes over MCP. With no agent it falls back to the clipboard. Official source 1 ↗ · Official source 2 ↗
  • Test mode (Pro). Describe what a user does, such as buying an item, and Ilse walks the flow in the running app and shows where it got stuck. Official source 1 ↗

Pricing & free limits

Free

$0Forever

The local editor: point and say, property panel, drag and resize, design system file and checks. Licensed under PolyForm Shield. Official source 1 ↗

Pro (founder pre-sale)

US$ 49One-time

Founder price for the first 10 buyers, against a listed US$ 79. Adds test mode, journeys, project memory and component dragging, plus 12 months of updates from Pro's launch, locked renewals, a roadmap vote and a 30-minute setup call. Official source 1 ↗

Billing details

Pro is a pre-sale: it is due by November 30, 2026, and the maker promises a refund if it does not ship. Official source 1 ↗

Updates run for 12 months from Pro's launch; after that you keep the version you have. Official source 1 ↗

Free access & limits

The free version has no usage limit, but the PolyForm Shield license does not allow building a competing product with it. Official source 1 ↗

Best for & limitations

Fix spacing, colours or copy in a running React app without describing the screen to an agent in words. Official source 1 ↗ · Official source 2 ↗

Keep an agent on your existing components and tokens when it edits the UI. Official source 1 ↗

Ilse product screenshot
Website previewFixed desktop viewport · 1440 × 900

Similar tools

Published tools that share its categories.

ColdteaControl layer for AI-written software: map every pull request, test the flows it touches with agents and watch it in production.
Coding & DevelopmentFree planChecked Aug 23
Visit
OpenLLMA routing layer that puts your AI subscriptions, API keys and local models behind one key for Claude Code, Codex and other agents, with fallback chains.
Coding & DevelopmentFree planChecked Oct 31
Visit