Builder

Builder is an open-source web app that provides a visual interface for creating and optimizing digital experiences. It functions as a headless CMS and page builder that connects to existing sites or applications to enable visual editing and code generation. This approach allows teams to manage content and layout without needing to redeploy the entire application for every change.

The software is deployed as a web application and server that integrates with a variety of frontend frameworks. Users can create layouts through a drag and drop editor or by importing designs from Figma, then publish updates via SDKs to their own hosting environment. It is designed to bridge the gap between design tools and production code by allowing the direct translation of visual elements into usable components.

Key features

• Visual drag and drop editor for page construction
• Integration with Figma to turn designs into code
• Headless CMS capabilities for content management
• Support for React, Vue, Angular, and Qwik
• Compatibility with Next.js and Gatsby
• Integration with Shopify for e-commerce sites
• Support for Progressive Web Apps (PWA)
• SDKs for exporting code or publishing updates

The architecture is designed to be stack agnostic, allowing it to work with various frontend technologies including web components and React Native. By connecting to an existing codebase, it allows users to use their own pre-defined components within the visual editor rather than relying on a proprietary set of widgets. This makes it suitable for developers who want to maintain full control over their codebase while providing non-technical users, such as marketers or designers, with a way to edit pages and landing pages independently.

Because it operates as a headless system, the content is decoupled from the presentation layer. This means the same content can be delivered to different platforms via the provided SDKs, ensuring consistency across web and mobile applications. The system focuses on the ability to generate code that fits into an existing development workflow rather than locking the user into a specific hosting provider.

Builder is a low-code tool for teams that require the flexibility of a headless architecture combined with the speed of a visual website builder.