Day 16/21 - Create a Web-Based Form Builder Interface by ↓KRISHNA AR

Screen 1: Form Building Interface

This screen allows users to customize forms by dragging and dropping elements like input boxes, descriptions, and more. Users can easily search for form components to create personalized forms, including images, text fields, and dropdowns. They can also switch to page info & page tabs to change the respective properties.

Screen 2: Selected Component contextual Settings

This screen demonstrates how the UI will adapt to selected compoenet to change the content and it's styling. For example the ability to style dividers within forms by adjusting line styles, colors, and thickness. Users can also customize corner radii and create different visual dividers for better form organization.