Simplicity Builder™ Overview
Simplicity Builder™ is a versatile web component that lets you add simplified visual drag and drop builder functionality into your web application. It is fully configurable and lets you turn any html into a drag and drop builder. You are in full control of how much or how little you want your users to be able to edit or add.
Your application users aren't engineers. They do not want a complex IDE-like user interface to work with. Simplicity Builder™ lets you keep things simple for them by letting you give them as much or as little control as needed.
TURN ANY HTML INTO A SIMPLE-TO-USE DRAG AND DROP BUILDER
Developer Benefits
- Framework Flexibility: Available in wrapped versions for major JavaScript frameworks, including Vanilla JavaScript, React, Vue.js, and Angular. The Vanilla JS version is compatible with additional frameworks, ensuring broad usability.
- Simplified Implementation: Jumpstart development by creating templates and configuration files. Adjust configurations dynamically to cater to different templates, streamlining the development process.
- Rapid Development: Shortcut the development cycle by months, leveraging Simplicity Builder™ for a wide range of applications, from page and template builders to low code/no code platforms, configurable dashboards, and widget configurators.
- Editable Output Code: Generate clean, maintainable code that integrates seamlessly with standard development tools, enhancing productivity and collaboration.
- Comprehensive Editing Suite: Includes a rich text WYSIWYG editor, text editor, and code editor components, offering a versatile editing experience for developers and end-users alike.
- Flexible Content Blocks: Convert any HTML into draggable blocks for easy placement within templates, enriching the user experience with dynamic, customizable content.
- Configurable Dynamic Attributes: Tailor each block with a dynamic attribute editor, providing fine-grained control over the properties and behavior of your content.
- Publish Method: The component publish method allows for saving files that clean up portions of your file that are meant for design time only.
Architecture
The core inputs into the Simplicity Builder™ web component are template files and configuration objects.
The template file is an HTML file with a special marker in it and some data properties in the areas where you want the user to be able to drop content into it. The template file can also contain design-time code and design-time CSS which can be removed automatically when published.
The configuration object contains settings for theme color, publish-time cleanup, license keys and blocks that can be dragged into the design canvas.
Further detail about these can be viewed in the Simplicity Builder™ Reference Manual
The Best Way to Learn Simplicity Builder™
The best way to learn Simplicity Builder™ is check out our quick start section. That will give you instructions to download one of our pre-built example projects and study how it can be integrated into a project.