Is a powerful component designed to simplify the creation of HTML templates through an intuitive drag-and-drop interface. Its primary purpose is to allow users, to design complex and customizable HTML templates without needing to write any code.

This component provides a range of pre-built elements and layout options that users can easily drag into a canvas, arranging them as needed to create personalized templates. It supports both simple and advanced layouts, ensuring flexibility for various web design needs by the using of structures to customize the content organization.

The system automatically generates a HTML code based on the user’s actions, making it efficient for both developers and non-developers a like.

HTML Editor

image.png

Users can easily modify the style of individual elements, such as fonts, colors, padding, and margins, through an intuitive style editor in each content type: Structure, Nodes and blocks. This provides full control over the visual appearance of the template without requiring CSS knowledge.

The product was builded thinking in wysiwyg (What you see, is what you get), for this reason the users receive instant visual feedback through a live preview pane. This real-time editing capability allows for quick adjustments and immediate visualization of changes, enhancing the design process's efficiency and accuracy.

Users can save their created templates within the system, organize them into folders, and manage different versions. This feature allows for easy reuse of templates across multiple projects and ensures that previous versions can be accessed or restored when needed.

The editor is designed to be simple and user-friendly, enabling both beginners and advanced users to create complex templates without needing to write or understand code. The drag-and-drop functionality makes the design process intuitive and accessible.