Responsive Layout Builder
A web tool that lets developers quickly create and test page layouts. Split the screen into sections, adjust them, and instantly see generated code in JSX + Tailwind or HTML + CSS.
Interactive Canvas
Split panes horizontally or vertically, add new panes, resize by dragging, reset with double-click, and rearrange panes by dragging onto another.
Real-Time Code
Instantly generate JSX + Tailwind or HTML + CSS with proportional flex values. Copy the output with one click.
Developer-Friendly
Uses a binary state tree for layout management. Actions include split, resize, rearrange, delete, and reset. Simple, fast, and easy to extend.
Features to be Impemented
- Undo / Redo history (last 50 actions)
- Breakpoint model (layouts per screen size)
- LocalStorage save & auto-restore