Layers
No layers yet. Register sandbox nodes to populate this tree.
Layout
W
Fill
H
Fill
Clip
Appearance
Stroke
Shadow
Design
Jaime
Exp +7
Controlsss
August 2026Product designDevelopment
Controlsss is a visual editing layer for React. Make deterministic design edits, and your agent writes them to your code.
- Install using
npm install controlsss
Connect to your agent via MCP
Controlsss appears in your project. Start editing.
Happy with the design? Click confirm.
Your agent then pushes the changes to your code.
Compatible with apps built using React 18+ and Tailwind.
Principles
Three choices that shape how Controlsss is built.
Layers are the DOM
Every layer is a real element in your code.
Deterministic controls
Dial in any property yourself, no model guessing.
Familiar by design
Designed like tools you already know and trust.