SitScape DEEP is a no-code, drag and drop website builder with some similarities to Squarespace. I worked on a UI-UX team tasked with modernizing the drag and drop widgets used to create the basic elements of a website. During my time at SitScape, I designed, coded, and pushed to production a drag and drop layout system for placing, arranging, and styling the widgets of the toolkit. The user can select between different layout modes, change the alignment of child widgets, adjust padding, spacing, and much more. In addition, the widget supports recursive layouts, or layouts placed within layouts. This allows app developers to create complex, responsive layouts. The system was primarily built in React using TypeScript and Redux, but also required vanilla JavaScript, PHP, and SQL.