Drag, drop, and flow
Build screens like you are sketching in a notebook. Every element is absolutely positioned and draggable, so you can explore layout ideas without fighting a rigid grid or box model.
TapUi Studio gives product teams a lightweight, balsamiq-inspired canvas for sketching flows, screens, and responsive layouts. Drag elements onto the board, connect screens together, and export structured JSON for every breakpoint without touching a single Razor post.
Build screens like you are sketching in a notebook. Every element is absolutely positioned and draggable, so you can explore layout ideas without fighting a rigid grid or box model.
TapUi ships with labels, buttons, icons, cards, lists, badges, inputs, navigation bars, and more. Mix and match components to compose flows for mobile, tablet, and web breakpoints in minutes.
Under the hood every view is stored as JSON with coordinates, geometry, and properties. Copy the JSON for prototypes, handoff packages, or automation workflows straight from the inspector.
Organize related screens under projects like “Mobile onboarding” or “Dashboard refresh”.
Drop UI elements onto the canvas, tweak their properties, and link interactions to other screens.
Preview the generated JSON, copy it to your clipboard, or download it for documentation.