Mercury Controls launches Reactive UI, a tool that auto-generates state logic from design specs

Tech · 4 min read

Mercury Controls launched Reactive UI, a new tool that turns annotated design specs and user flows into exportable state machines and scaffold code in React, Solid, and Svelte. Reactive UI targets complex interactive components where state transitions are a source of bugs and design drift.

Designers can annotate triggers and edge-case behaviors in the design layer; Reactive UI then synthesizes plausible state diagrams and unit-test templates. Developers receive production-ready hooks and a visual editor to refine transitions and actions, ensuring parity between design intent and runtime behavior.

Mercury Controls offers integrations with Figma and Storybook and plans features for live synchronization with CI pipelines to detect regressions. The company positions Reactive UI as a productivity tool to reduce integration friction and improve component reliability.