uzairayed2/layoutflow-studio

complete the design

Design a clean, minimal web interface for a layout-editor tool. The page should have a top navbar with the project name, canvas size selector, and export button. The main workspace is split into three areas: a left sidebar for assets and layers, a central canvas, and a right panel for code output. The left sidebar should include an upload section for SVGs/icons, plus a reorderable layers list with visibility, lock, and group controls. The central canvas is a bordered working area where users can drag, resize, rotate, snap, multi-select, and delete elements; include visual snap guides and optional grid toggle. Selected elements should show handles and a small delete cross. Above or near the canvas, include alignment actions: align, distribute, group/ungroup. The right panel shows auto-generated CSS and JSON with a copy button. The UI should feel similar in aesthetic to Figma/Framer — light, simple, and highly functional. Aim for a friendly layout that keeps the user in flow, minimizing clutter while highlighting core actions. Minimal colors, strong affordances, intuitive icons.

initial commit